@DNNCon @ashishprasad
Don’t forget to include #DNNCon in your tweets!
Have Your DNN and Eat it Too (On Any Other App)
Ash Prasad
@DNNCon @ashishprasad
Don’t forget to include #DNNCon in your tweets!
• History of DNN Web API• What’s included in DNN Web API• Stuff that’s missing• How to bridge the gap• Let’s build a Mobile App!
Agenda
@DNNCon @ashishprasad
Don’t forget to include #DNNCon in your tweets!
• First introduced in 6.2 (May2012)• Called Services Framework• Based on ASP.Net MVC
• New version released with 7.0 (Nov 2012)• Called DNN Web API• Based on ASP.Net Web API
History of DNN Web API
@DNNCon @ashishprasad
Don’t forget to include #DNNCon in your tweets!
• RESTFul• Seamless Authentication &
Autherization• Integrates with Module/Tab
Permission• Anti Forgery
• Access to standard DNN Entities • Portal Settings, Current User, Active
Tab
• Helper JS library• Works really well in Web Forms
What’s included in DNN Web API
@DNNCon @ashishprasad
Don’t forget to include #DNNCon in your tweets!
Browser & Web API – Made for each other
@DNNCon @ashishprasad
Don’t forget to include #DNNCon in your tweets!
Mobile Apps and WebAPI – Love Brewing
@DNNCon @ashishprasad
Don’t forget to include #DNNCon in your tweets!
Just 4 things
So, What’s Missing ?
@DNNCon @ashishprasad
Don’t forget to include #DNNCon in your tweets!
..a way to login
1. Login
@DNNCon @ashishprasad
Don’t forget to include #DNNCon in your tweets!
...between app and Web API
2. Shuttle Cookies
@DNNCon @ashishprasad
Don’t forget to include #DNNCon in your tweets!
.DOTNETNUKE is the Auth Cookie
Example
@DNNCon @ashishprasad
Don’t forget to include #DNNCon in your tweets!
..send to Web API
3. Antiforgery Token
@DNNCon @ashishprasad
Don’t forget to include #DNNCon in your tweets!
..in pair, send both - from Page and Cookie
Example
@DNNCon @ashishprasad
Don’t forget to include #DNNCon in your tweets!
..send Module & Tab Ids to Web API
4. Page and Module Security
@DNNCon @ashishprasad
Don’t forget to include #DNNCon in your tweets!
Example
@DNNCon @ashishprasad
Don’t forget to include #DNNCon in your tweets!
Next Steps
• Mobile Framework
• Another simple Web API
@DNNCon @ashishprasad
Don’t forget to include #DNNCon in your tweets!
Mobile Frameworks – Xamarin (C#)
@DNNCon @ashishprasad
Don’t forget to include #DNNCon in your tweets!
Mobile Frameworks – Icenium (JS, Html5, CSS3, KendoUI)
@DNNCon @ashishprasad
Don’t forget to include #DNNCon in your tweets!
Mobile Frameworks – PhoneGap (JS, Html5, CSS3)
@DNNCon @ashishprasad
Don’t forget to include #DNNCon in your tweets!
• New DLL (Library)• One Web API Method • GetTabAndModuleId(string
moduleName)
New Simple Web API
@DNNCon @ashishprasad
Don’t forget to include #DNNCon in your tweets!
Architecture
Mobile Server
One new Web API
Core Web APIs
Your Web APIs
New Library - Login, AntiForgery, Cookie,
Module/TabId
Core FE
Your FE
@DNNCon @ashishprasad
Don’t forget to include #DNNCon in your tweets!
Sample App (using Xamarin for Android
@DNNCon @ashishprasad
Don’t forget to include #DNNCon in your tweets!
Demo
@DNNCon @ashishprasad
Don’t forget to include #DNNCon in your tweets!
• Web APIs are great• We can make ‘em work on
Mobile• Need a library• You can build Mobile Apps
today!
Recap
@DNNCon @ashishprasad
Don’t forget to include #DNNCon in your tweets!
THANKS TO ALL OF OUR GENEROUS SPONSORS!
