Find a post...

DNN-Connect Blogs

The Future of DNN Speaks Razor - #5 - WebAPI is great for Apps but not for Content

So I hope you're read my previous posts why you should migrate to Razor ASAP, what it is and why WebForms and ASP.net MVC are all dead. In my 5th Post of my series The Future of DNN Speaks Razor I would like to delve into WebAPI, why It's awesome (especially for Apps) and why JSON-data is the future - especially combined with AngularJS or similar frameworks.

The Future of Web Apps is JSON, AngularJS and More

Think about the "cool" UIs you see today, like a powerful mail client (Google, Outlook), a neat game, a stylish business UI. All of them have in common, that the entire View is client rendered typically using AngularJS, knockoutJS or Kendo.

 

From what I can tell, this trend is unstoppable. Meaning: in a very short time, there will be loads of people that master these tools/technologies and will produce awesome web-apps and SPA-solutions - making others want to do the same. This causes a self-reinforcing loop practically eliminating all alternatives. I'm convinced that for such applications, all server-attempts to do the same will simply fail.

The Server Is Becoming What it Used To Be: A Data Backend.

But it does leave some very important jobs for the server to perform - and the better the server is at these jobs, the more successful the platform. Thank God & Gates that Microsoft figured this out just in time - and introduced ASP.net WebAPI.

I Love ASP.net WebAPI…

Probably the best thing since WebForms (or for the more progressive: since MVC) is WebAPI. And yes: it's part of MVC, but you must admit that it has nothing to do with the view generation. It's a very simple technology (embracing current web architectures) to degrade the function of the web server to simply exchange data! That's right: no focus on "we create the best HTML" or anything like that. Simply data input and output through JSON.

For web applications and SPAs (Single Page Applications) it's the way to go. When you have custom data (say a list of users) for your application to manage, the way today is to create an SPA, some interfaces and voila! The choice of server is not important for such an application - because everything happens in the client.

The Ideal solution for Admin-UIs and Data Consumption

Almost all data-manipulation Apps of the future will be based on a JavaScript-Framework + JSON combination - it's just a question of time. Here's an example of a ASP.net MVC-oriented CMS, which dumped the MVC-approach and is now employing an AngularJS backend :). I'm hoping DNN 8 will be similar - but the signs are good :)

Data consumption has a similar need: fast, quick working with data. Here's a screenshot of a help-application we created on DNN/Evoq for Ricardo using knockoutJS early 2012:

It's rather complex with many views and even though it's a JSON/JavaScript App, it's SEO optimized with Hashbangs.

Later we choose to focus on AngularJS - here a simple responsive References-App based on Angular:

The question knockoutJS vs. AngularJS is a great discussion for another post (anybody?) but spoiler alert: AngularJS wins.

…but WebAPI is not ideal for Content Presentation…

Ok, I'm getting ahead of myself. ASP.net WebAPI is great for data input/output. It's main strength is that I can give it a typed object (anonymously typed is also ok) and it will take care of the interface to HTTP/JSON etc. in both ways (in and out)

That's perfect for applications.

It's great for searching and list-filtering.

It's not very helpful for normal content.

It's terrible for SEO.

Data input/output is mainly relevant for management-applications and for application-style consumption (searches, lists, details).

But normal web content is 1% editing, sometimes data-consumption (list, search, filter) and between 70 and 95% content presentation & consumption. Content-consumption is usually focused on visually appealing content like a page showing the team of a company. This kind of content is usually highly customized for every customer and page page - and must be HTML-based for search engines. Not exactly your data input/output scenario…

…for which we need Razor!

In general, a piece of original content which should look good, be responsive and unique is usually placed on a specific page by an editor, edited there (and only there). It must be delivered as HTML - in pre-designed templates.

And for this the perfect solution is Razor! It's super easy to create perfect HTML-templates, it leaves responsiveness in the hand of the browser (with CSS and JavaScript) and it's focused on exactly 1 mission: perfect HTML-output, without nasty WebForms objectIDs, without ViewStates, without Postbacks :)!

Convinced?

I hope you also believe that the future lies in perfectly controlled HTML, in JavaScript frameworks and in JSON data-delivery. Either way - please give feedback! In IMHO the way to go is Razor, AngularJS and WebAPI (or some module specific JSON interface). Again - please tell me what you think…

…because then I'll continue with some getting-started helps posts :)

With love from Switzerland
Daniel

Daniel Mettler grew up in the jungles of Indonesia and is founder and CEO of 2sic internet solutions in Switzerland and Liechtenstein, an 20-head web specialist with over 600 DNN projects since 1999. He is also chief architect of 2sxc (2SexyContent - see forge), an open source module for creating attractive content and DNN Apps.

 

PS: Want to get started before the entire Razor-series is out? For the impatient, try the DNN-Razor Host Module and watch this video  or try packaged code apps by installing 2sxc and some of the Razor Apps like the Razor Basic TutorialsList-Tutorials or the SQL and Peta-Poco Tutorials

Daniel Mettler learned programming with the bible translation computer of his parents, deep in the jungles of Indonesia. Since he was only 12 years old at that time and the BIOS only had a version of BASICA, that's what got him started. With 16 he went back to Switzerland and learned German and basic city-survival skills. Equipped with this know-how he founded 2sic internet solutions in 1999 which was focused on web solutions on the Microsoft platform. After a few self-developed CMSs 2sic switched to DNN in 2003 and has been one of the largest partners (17 employees, 700+ projects) in Europe. Daniel is also the chief architect behind the open source 2sxc, a strong promoter of standardization (boostrap, patterns, AngularJS, checklists, etc.) and loves to eat anything - dead or alive. His motto: if the natives eat it, it game.
Comment(s)

Hosting liberally provided by

Philipp Becker 6012 7
Geoff Barlow 547 4
DNN-Connect 431 6
Peter Donker 5060 30
Christopher Hammond 681 2
Olivier Jooris 419 1
Daniel Mettler 12009 88
Clint Patterson 1 1
Jos Richters 65 1
James Rosewell 327 2
Will Strohl 1546 27
Ernst Peter Tamminga 437 4
Barry Waluszko 2807 2
Declan Ward 453 1
Gifford Watkins 722 9
Torsten Weggen 2697 3