Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying Hybrid Mobile Development with Ionic
  • Table Of Contents Toc
  • Feedback & Rating feedback
Hybrid Mobile Development with Ionic

Hybrid Mobile Development with Ionic

By : Saini
3 (2)
close
close
Hybrid Mobile Development with Ionic

Hybrid Mobile Development with Ionic

3 (2)
By: 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)
close
close

Demonstrating authorization in Ionic

Let's now build an Ionic application that will handle both authentication and authorization. Authorization refers to rules that determine who is allowed to do what. Authentication and authorization are central parts of securing an application:

Authentication = login + password (who you are)

Authorization = permissions (what you are allowed to do)

In this section, we will see how we can secure views of the Ionic application that are login protected. We will be working on the following points:

  • HomePage will be public
  • ArticlesPage is protected and will only be accessed after login
  • Menu is also dynamically updated on auth status
  • LoginPage will be inaccessible once a user is loggedIn
  • Authorization header will be passed after login for each request

Let's start by creating the application and I have named it as ionic2-auth:

    $ ionic start ionic2-auth sidemenu -v2
$ ionic...

Unlock full access

Continue reading for free

A Packt free trial gives you instant online access to our library of over 7000 practical eBooks and videos, constantly updated with the latest in tech

Create a Note

Modal Close icon
You need to login to use this feature.
notes
bookmark search playlist download font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete

Delete Note

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete

Edit Note

Modal Close icon
Write a note (max 255 characters)
Cancel
Update Note

Confirmation

Modal Close icon
claim successful

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY