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)

Conventions

In this book, you will find a number of text styles that distinguish between different kinds of information. Here are some examples of these styles and an explanation of their meaning.

Code words in text, database table names, folder names, filenames, file extensions, pathnames, dummy URLs, user input, and Twitter handles are shown as follows: "For setting up the APIs endpoints we have created constants file where we declared constant API_URL"

A block of code is set as follows:

{
"name": "ionic2-auth",
"app_id": "",
"v2": true,
"proxies": [
{
"path": "/api",
"proxyUrl": "http://yourwebsite.com /api"
}
]
}

When we wish to draw your attention to a particular part of a code block, the relevant lines or items are set in bold:

// src/providers/constants.ts
// While deploying application we switch to real URL

export const API_URL: string = 'http://localhost:8100/api';

Any command-line input or output is written as follows:

$ chromium-browser –disable-web-security

New terms and important words are shown in bold. Words that you see on the screen, for example, in menus or dialog boxes, appear in the text like this: "Cancel and OK buttons. We have used this here for sorting the products according to relevance price or other sorting values."

Warnings or important notes appear in a box like this.
Tips and tricks appear like this.