Setup Ionic Push Notifications

Amrendra Pratap Singh

This guide aims to help you set up push notifications for your Ionic app. Also I will append new questions to the final help section for something like the FAQ of Ionic push notifications. Without more words, let’s start the fun.


It’s going to be a wild ride!


Oh and if you want to grab a Postman collection with all the HTTP Requests you need for creating and observing Push notifications, click the download button below!


Start the smallest Push App ever


The funny thing here is that we actually need almost no code for push to work. Anyway, we start with a blank Ionic app and add 2 plugins, the ionic-platform-web-client which will handle the connection to Ionic.io and the phonegap-plugin-push which handles incoming pushes inside your app (and how you want to react upon receiving them). So go ahead and run:


 

ionic start push-app blank

cd push-app

ionic add ionic-platform-web-client

ionic plugin add phonegap-plugin-push --variable SENDER_ID="GCM_PROJECT_NUMBER"


We need a GCM...

Read more

Hybrid mobile apps with ionic

Ishank Gupta

Mobile applications have assisted businesses to increase their profits exponentially. But choosing the platform out of iOS, Android or Windows turns out to be a subject of question. Designing apps for all of them is quite infeasible. So, a framework was created which allows you build apps that can be deployed on all platforms.

Ionic is a hybrid app development framework using AngularJS assisting you in simplifying the development of the front end. The open-source framework provides tools for developing apps using HTML5, Javascript and CSS. Using Angular, Ionic provides custom components and methods for interacting with them. Above all, Ionic is just more modern.


Reasons to why Ionic

  • Optimized for AngularJS:
    Ionic and AngularJS seem to complement each other for many reasons: The UI components used in Ionic are AngularJS Directives; multiple of them being provided making interface components easy to use. The framework controls the UI elements by use of delegates. Also, you can...
Read more