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