Diese Präsentation wurde erfolgreich gemeldet.
Die SlideShare-Präsentation wird heruntergeladen. ×

Ionic Native: Native-powered apps, without the hassle

Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Wird geladen in …3
×

Hier ansehen

1 von 25 Anzeige

Ionic Native: Native-powered apps, without the hassle

Herunterladen, um offline zu lesen

Join us for a live walkthrough of Ionic Native, a curated library of over 250 Community and Premier native solutions and plugins, delivering everything you need to build amazing cross-platform experiences from Day One.

View the presentation here: https://ionicpro.wistia.com/medias/bacos4ktbn

Join us for a live walkthrough of Ionic Native, a curated library of over 250 Community and Premier native solutions and plugins, delivering everything you need to build amazing cross-platform experiences from Day One.

View the presentation here: https://ionicpro.wistia.com/medias/bacos4ktbn

Anzeige
Anzeige

Weitere Verwandte Inhalte

Diashows für Sie (20)

Ähnlich wie Ionic Native: Native-powered apps, without the hassle (20)

Anzeige

Aktuellste (20)

Ionic Native: Native-powered apps, without the hassle

  1. 1. Native-powered apps. Without the hassle.
  2. 2. Housekeeping Items This webinar is being recorded The presentation will be about 50 minutes All registrants will receive a link to the on-demand recording following the event You can submit questions to the speakers during the live event using the Q&A panel
  3. 3. Today’s Presenters Matt Kremer Director, Product Management @MatthewKremer Matt Netkow Head of DevRel @dotNetkow | matt.netkow@ionicframework.com
  4. 4. Agenda 1. Ionic Overview 2. Native development challenges 3. Introducing Ionic Native 4. Common Use Cases 5. Demo: Encrypted Image Storage 6. Recap and Q&A
  5. 5. Ionic Framework Mobile-ready UI library that works everywhere: any platform, any device, any framework. ✓ Build for iOS, Android, Electron, PWAs, Web ✓ One codebase across all platforms ✓ Use basic web skills: HTML, JS, CSS ✓ Full access to Native APIs
  6. 6. Hybrid Architecture HTML | CSS | JavaScript ✓ Runs in a “browser” WebView, but is wrapped in native app shell ✓ Access device capabilities via plugins ✓ Native runtime: Cordova or Capacitor ✓ Can be deployed to App Stores, Desktop, and Web (PWA)
  7. 7. Native. The most challenging piece of the puzzle.
  8. 8. Typical Feature Checklist ✓ Offline access ✓ Single sign-on ✓ Biometrics authentication ✓ Core device features (camera, geolocation, etc.) ✓ Third-party integrations (Facebook, Apple Pay, Firebase, etc.) Most of the essential app features and requirements depend on available native integrations and APIs.
  9. 9. Native Skill Gap Navigating the native layer is hard for any engineer, but especially so for Web developers. ➔ Native Programming Languages ➔ SDKs, Tooling, IDEs ➔ Plugin architecture ➔ Cross-platform UX ➔ Talent is scarce: Only 6.5% of all developers
  10. 10. Free OSS Community Plugins The hidden price of “free”: ➔ Time and effort to find & implement ➔ Debugging issues ➔ Unreliable release timelines ➔ Security: Patches and upgrades ➔ No SLAs
  11. 11. DIY Solutions Why reinvent the wheel? ➔ Slows down development by weeks or months ➔ Introduces risk to the project ➔ Less time spent on what matters: focusing on your core business ➔ Long-term maintenance costs
  12. 12. Building critical apps?
  13. 13. Native without the hassle. Backed by Ionic. ✓ Curated library of plugins & solutions ✓ Implement in hours, not weeks or months ✓ Works on platforms you care about ✓ Built-in security, performance, and stability
  14. 14. Premier Plugins Deliver essential features your users expect. ✓ App Rating ✓ Browser ✓ Calendar ✓ Camera ✓ Clipboard ✓ Contacts ✓ Deeplinks ✓ Device ✓ Email Composer ✓ Filesystem ✓ Geolocation ✓ Keyboard ✓ Media Capture ✓ Native Storage ✓ Social Sharing ✓ Splash Screen And more...
  15. 15. Native Solutions A suite of secure functionality built specifically to work together. Mobile Biometrics Secure token storage, session management, and data at-rest encryptions. Single Sign-on Login, logout, and user registration, backed by Auth0, AWS Cognito, and Azure AD. Encrypted local data Securely store and retrieve data offline, with advanced querying for ideal performance.
  16. 16. Common Use Cases
  17. 17. 1. Begin your SSO login flow 2. Store your user’s Access Token 3. Automatic lockout after 15 minutes of inactivity 4. Require Biometrics or PIN Unlock 5. Retrieve the Token 6. Refresh your Auth Token Auth Connect + Identity Vault: A powerful out-of-the-box user authentication flow. Single Sign-On
  18. 18. Identity Vault: Simple key-value secure storage encrypted at-rest or behind Biometrics/PIN. 1. Store Sensitive information in Secure Storage 2. Lock the Vault (manually or with an Inactivity Lockout) 3. Require Biometrics or PIN Unlock to retrieve the information (or use At-Rest Encryption) Encrypted Key-Value Store
  19. 19. Identity Vault + Offline Storage: Robust querying and storage system for data and files. 1. Generate an Encryption Token and store it in Secure Storage 2. Store Data & Files in an Encrypted Local DB 3. Access that data through Advanced Querying with Offline 4. Lock the Vault, encrypting and preventing access to the data Encrypted Offline Storage
  20. 20. Demo Encrypted Image Storage
  21. 21. Identity Vault + Offline Storage + Premier Plugins Take pictures and store them securely. 1. Generate an Encryption Token and store it in Secure Storage 2. Take a picture and access data using the Camera Premier Plugin. 3. Store the picture & data in an Encrypted Local DB 4. If a user minimizes the app, use Screen Protection to hide info Demo Recap 5. Lock the Vault (manually or with an Inactivity Lockout), encrypting and preventing access to the data 6. Require Biometrics or PIN Unlock to retrieve the Token (or use At-Rest Encryption) 7. Retrieve the Data from the Encrypted Local DB
  22. 22. Changing Technology Landscape By the time you finish reading this sentence, another new JavaScript framework will have been created. M O B I L E ➔ iOS and Android operating systems ➔ Thousands of devices and tablets ➔ New hardware designs ◆ iPhone notch ◆ Foldable smartphones W E B ➔ Browsers ➔ Thousands of devices and tablets ➔ Innovation pace ◆ JavaScript framework churn ◆ Tooling
  23. 23. Support and Maintenance ✓ Regular release cycles ✓ Critical security updates ✓ Guaranteed SLA ✓ Guidance & expertise Ionic’s professional support team is on-hand to help you every step of the way.
  24. 24. www.ionicframework.com/ionic-native Everything you need to build amazing cross-platform experiences from Day One. Native without the hassle. Backed by Ionic. ✓ Curated library of plugins & solutions ✓ Implement in hours, not weeks or months ✓ Works on platforms you care about ✓ Built-in security, performance, and stability
  25. 25. Q&A Questions? ➔ sales@ionicframework.com Matt Kremer Director, Product Management @MatthewKremer Matt Netkow Head of DevRel @dotNetkow | matt.netkow@ionicframework.com

×