Ionic Push Base

This can be used as base template for Ionic Push apps. It's working for both iOS and Android Push Notifications.



  • Download nodejs from It will install node and npm
    node -v
    - should be >= 6.0.0
    npm -v
    - should be >= 3.0.0
  • For iOS, update XCode version to 8.0 or higher
  • Install cocoapods, required by latest version of phonegap-push-plugin
    sudo gem install cocoapods
    pod setup

Getting Started

  • Clone this repository

  • Install Ionic, cordova and node_modules

    $ npm install -g ionic cordova
    $ npm install
  • Generate SENDER_ID using this tutorial :+1:

  • _Replace YOUR_SENDER_ID in config.xml and app.ts with above SENDER_ID_


    $ ionic cordova platform add android
    $ ionic cordova build android
    $ ionic cordova run android


    $ ionic cordova platform add ios
    $ ionic cordova build ios
Run using XCode

####Use device token printed in console for push notifications using below server code

Push Notifications Preview in lock screen and while using App

  • Android

    Notification on Lock Screen Notification While Using App
  • iOS

    Notification on Lock Screen Notification While Using App

Server Code

Push Notifications Server code :tada::+1: It has server code used to send Push Notification to iOS and Android device.

File Structure of App

|-- src/
|    |-- app/
|    |    ā”œā”€ā”€ app.ts
|    |    ā””ā”€ā”€ app.module.ts
|    |    ā””ā”€ā”€ main.ts
|    |
|    |-- pages/                          * Contains all of our pages
ā”‚    ā”‚    ā”œā”€ā”€ details/                   * Push Details tab page
ā”‚    ā”‚    ā”‚    ā”œā”€ā”€ detail.html           * DetailsPage template
ā”‚    ā”‚    ā”‚    ā””ā”€ā”€ detail.ts             * DetailsPage code
ā”‚    ā”‚    ā”‚
ā”‚    ā”‚    ā”œā”€ā”€ home/                      * Home page
ā”‚    ā”‚    ā”‚    ā”œā”€ā”€ home.html             * HomePage template
ā”‚    ā”‚    ā”‚    ā””ā”€ā”€ home.ts               * HomePage code
ā”‚    ā”‚    ā”‚
ā”‚    ā”‚    ā”œā”€ā”€ tabs/                      * Tabs page
ā”‚    ā”‚    ā”‚    ā”œā”€ā”€ tabs.html             * TabsPage template
ā”‚    ā”‚    ā”‚    ā””ā”€ā”€ tabs.ts               * TabsPage code
ā”‚    ā”‚    ā”‚
ā”‚    ā”œā”€ā”€ theme/                          * App theme files
|    |     ā”œā”€ā”€ variables.scss            * App Shared Sass Variables
|    |
|    |-- index.html
|    |-- manifest.json
|    |-- service-worker.js
ā”œā”€ā”€ .editorconfig                        * Defines coding styles between editors
ā”œā”€ā”€ .gitignore                           * Example git ignore file
ā”œā”€ā”€ LICENSE                              * MIT License
ā”œā”€ā”€                            * This file
ā”œā”€ā”€ config.xml                           * Cordova configuration file
ā”œā”€ā”€ ionic.config.json                    * Ionic configuration file
ā”œā”€ā”€ package.json                         * Defines our JavaScript dependencies
ā”œā”€ā”€ tsconfig.json                        * Defines the root files and the compiler options
ā”œā”€ā”€ tslint.json                          * Defines the rules for the TypeScript linter   

Ionic Push Base

Ionic Push Notifications Base App for iOS and Android

Ionic Push Base Info

ā­ Stars 166
šŸ”— Homepage
šŸ”— Source Code
šŸ•’ Last Update 9 months ago
šŸ•’ Created 6 years ago
šŸž Open Issues 7
āž— Star-Issue Ratio 24
šŸ˜Ž Author aggarwalankush