Book Image

Hybrid Mobile Development with Ionic

By : Gaurav Saini
Book Image

Hybrid Mobile Development with Ionic

By: Gaurav Saini

Overview of this book

Ionic is an open source, front-end framework that allows you to develop hybrid mobile apps without any native-language hassle for each platform. It offers a library of mobile-optimized HTML, CSS, and JS components for building highly interactive mobile apps. This book will help you to develop a complete, professional and quality mobile application with Ionic Framework. You will start the journey by learning to configure, customize, and migrate Ionic 1x to 3x. Then, you will move on to Ionic 3 components and see how you can customize them according to your applications. You will also implement various native plugins and integrate them with Ionic and Ionic Cloud services to use them optimally in your application. By this time, you will be able to create a full-fledged e-commerce application. Next, you will master authorization, authentication, and security techniques in Ionic 3 to ensure that your application and data are secure. Further, you will integrate the backend services such as Firebase and the Cordova iBeacon plugin in your application. Lastly, you will be looking into Progressive Web Applications and its support with Ionic, with a demonstration of an offline-first application. By the end of the book, you will not only have built a professional, hybrid mobile application, but will also have ensured that your app is secure and performance driven.
Table of Contents (9 chapters)

Ionic deploy

The Ionic deploy service gives you access to live deployments, which helps you publish web assets such as HTML, CSS, and JS directly to your users without uploading to the Play Store every time. You will have many advantages of using this approach for live deployments:

  • Real-time Updates on demand
  • Save app stores approval time
  • A/B testing by uploading different snapshots to different channels

Before we get started, let's install the deploy plugin, which will update your application on Android and iOS devices:

    $ ionic cordova:plugin add ionic-plugin-deploy -save

We will be injecting the Deploy method inside our app.component.ts, so every time when the application is opened it checks for new updates:

// src/app/app.component.ts 

import { AlertController } from 'ionic-angular';
import { Deploy } from '@ionic/cloud-angular';

constructor(
public deploy: Deploy,
public...