SlideShare a Scribd company logo

NativeScript + Push Notifications

•Download as PPTX, PDF•
•
Lohith Goudagere Nagaraj
Lohith Goudagere Nagaraj

Slide deck used for my Oct 29 webinar titled "Building Mobile Apps with NativeScript + Push Notifications"

Related slideshows

Introduction to React Native
Introduction to React NativeIntroduction to React Native
Introduction to React Native
 
Getting Started with React Native (and should I use it at all?)
Getting Started with React Native (and should I use it at all?)Getting Started with React Native (and should I use it at all?)
Getting Started with React Native (and should I use it at all?)
 
Introduction to React Native
Introduction to React NativeIntroduction to React Native
Introduction to React Native
 
1 of 24
Let's talk NativeScript This changes everything! By
About Me Technical Evangelist Microsoft MVP (ASP.NET/IIS) lohith.nagaraj@telerik.com @kashyapa http://www.kashyapas.com http://www.telerikhelper.net Lohith G N http://www.telerik.com
Agenda • NativeScript • Push Notification • Telerik Backend • NativeScript + Push
You're Welcome! NativeScript { } Native iOS / Andoid / Windows Phone* Apps Built with JavaScript + CSS + XML Single Code Base *Coming Soon
What? {N} is built from ground up No DOM No Cross-Compilation No Plugins Required {N} is straight-up JS | Running as Native App
Under the hood {N} works over an abstraction - a very smart one Runs JavaScript in a Virtual Machine JavaScriptCore VM on iOS V8 VM on Android JavaScriptCore* VM on Win Mobile 10 *Tentative
You write JavaScript {N} utilizes a bridge Has full access to Native APIs - That's all of iOS + Android APIs! Uses Reflection to look up Native APIs List of APIs for each Platform Metadata pre-generated Injected into App package @ Build time
Plug & Play? {N} is very flexible Allows reuse of skills & assets Use native libraries for each platform Use JS libraries without DOM dependency Shared UI styles through CSS Full TypeScript Support
How do I start? {N} Command Line Interface makes it easy Grab the NativeScript CLI: npm install -g nativescript tns create MyApp tns platform add android Create Project & Add Platforms: tns run android tns run android --emulator Run Project on Device or Emulator:
Choice of IDE? {N} aims to give you flexibility Sublime Text | With complete Workflow VS Code | Best for TypeScript Most other JS/CSS text editors
Demo
Why {N} again?
Push Notifications
What is Push Notification • Send Some Data to your App • Convenient, Battery Friendly • App need not be running • Used as Marketing Campaigns, Promos, etc
Architectural Overview APNS WNS Android/iOS/WP
Procedure • Register Your App with respective Notification Service • Use an App Server to communicate with Notification Server • Handle Push Notification message on your device
Demo Registering with GCM
Telerik Backend Think of it as an App Server
Push in Telerik Backend • Effortless Integration with iOS/WP/Android • Isolates Platform Differences • Different notification servers • Different devices • Different OS Versions • Powerful Targeting • Easy device integration • Hybrid or Native
Demo Telerik Backend Push Settings
Push with NativeScript
Process • Create a NativeScript App • Include NativeScript Push Plugin • Register the device with your App Server • Listen for Push Notification callback • Handle Push Notification
Demo NativeScript + Push Notification
By Native X-Platform Mobile with JS NativeScript Blog | @NativeScript Go build your dream app!

More Related Content

NativeScript + Push Notifications

  • 1. Let's talk NativeScript This changes everything! By
  • 2. About Me Technical Evangelist Microsoft MVP (ASP.NET/IIS) lohith.nagaraj@telerik.com @kashyapa http://www.kashyapas.com http://www.telerikhelper.net Lohith G N http://www.telerik.com
  • 3. Agenda • NativeScript • Push Notification • Telerik Backend • NativeScript + Push
  • 4. You're Welcome! NativeScript { } Native iOS / Andoid / Windows Phone* Apps Built with JavaScript + CSS + XML Single Code Base *Coming Soon
  • 5. What? {N} is built from ground up No DOM No Cross-Compilation No Plugins Required {N} is straight-up JS | Running as Native App
  • 6. Under the hood {N} works over an abstraction - a very smart one Runs JavaScript in a Virtual Machine JavaScriptCore VM on iOS V8 VM on Android JavaScriptCore* VM on Win Mobile 10 *Tentative
  • 7. You write JavaScript {N} utilizes a bridge Has full access to Native APIs - That's all of iOS + Android APIs! Uses Reflection to look up Native APIs List of APIs for each Platform Metadata pre-generated Injected into App package @ Build time
  • 8. Plug & Play? {N} is very flexible Allows reuse of skills & assets Use native libraries for each platform Use JS libraries without DOM dependency Shared UI styles through CSS Full TypeScript Support
  • 9. How do I start? {N} Command Line Interface makes it easy Grab the NativeScript CLI: npm install -g nativescript tns create MyApp tns platform add android Create Project & Add Platforms: tns run android tns run android --emulator Run Project on Device or Emulator:
  • 10. Choice of IDE? {N} aims to give you flexibility Sublime Text | With complete Workflow VS Code | Best for TypeScript Most other JS/CSS text editors
  • 11. Demo
  • 14. What is Push Notification • Send Some Data to your App • Convenient, Battery Friendly • App need not be running • Used as Marketing Campaigns, Promos, etc
  • 16. Procedure • Register Your App with respective Notification Service • Use an App Server to communicate with Notification Server • Handle Push Notification message on your device
  • 18. Telerik Backend Think of it as an App Server
  • 19. Push in Telerik Backend • Effortless Integration with iOS/WP/Android • Isolates Platform Differences • Different notification servers • Different devices • Different OS Versions • Powerful Targeting • Easy device integration • Hybrid or Native
  • 22. Process • Create a NativeScript App • Include NativeScript Push Plugin • Register the device with your App Server • Listen for Push Notification callback • Handle Push Notification
  • 23. Demo NativeScript + Push Notification
  • 24. By Native X-Platform Mobile with JS NativeScript Blog | @NativeScript Go build your dream app!