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)

CRUD and securing data with AngularFire2

We now have covered auth-related code and set up the building block for our TasteBite application. Next, we will look into Firebase Realtime Database, which is a NoSQL cloud database. Data is stored as JSON and synchronized in real time using web-sockets. The Firebase database persists to the disk, which gives our application offline support also. We will be using here two objects, foodItems and rateItems, where foodItems will have details about the food dish and rateItems is a nested object that contains ratings and reviews for each dish + city combination:

As you can see how we have organized the foodItem data with respect to userid so we can differentiate user-related data. We can traverse to the personalFavourite and then to user data clicks on the dashboard. We can access any of the child nodes in the data. We can visualize the data in the dashboard; also Firebase team...