In this tutorial, I’d be explaining how to start up and integrate the Fingerprint and Face Biometric Authentication to an Ionic 3 App (Remember we used to work with Ionic 1?). Well, Ionic has in recent times made several upgrades to their Framework. Ionic 3 is their most stable upgrade for now, with Ionic 4 Beta version already released.
Ionic 3 uses Angular 4.0.0 upward and Typescript to replace the use of AngularJS, and now new Pages, Pipes, Components, Providers etc. are generated using the CLI. …
We’d be taking off from where we stopped the last time. If you were able to start a new App like I explained in the previous article, congratulations!
Now I’d go ahead to explain the file/folder structure of the project you created, and then explain how to build the APK and IPA on your Android and Apple Devices (Tablets, Phones) respectively.
If you were able to start a new project in the last lesson and you successfully served your project with “ionic serve”, you should see the below App in your default web browser.
Also, your Ionic project folder should look like…
In this write up we’d be discussing how to setup the development environment, and then building a simple hybrid app using Ionic Framework.
What is Ionic?
To begin with, What is Ionic? Ionic is a HTML5 mobile app development framework targeted at building hybrid mobile apps. Hybrid apps are essentially small websites running in a browser shell in an app that has access to the native platform layer. Hybrid apps have many benefits over pure native apps, specifically in terms of platform support, the speed of development, and access to third-party code.
Unlike a responsive framework, Ionic comes with very native-styled mobile UI elements and layouts that you’d get with a native SDK on iOS or Android but didn’t really exist before on the web. Ionic also gives you some opinionated but powerful ways to build mobile applications that eclipse existing HTML5 development frameworks. …