This can be used as base template for Ionic 2 Push apps. It's working for both iOS and Android Push Notifications.
-
Clone this repository
-
Install Ionic, cordova and node_modules
$ npm install -g ionic $ sudo npm install -g [email protected] $ npm install
-
Generate SENDER_ID using this tutorial 👍
-
Replace YOUR_SENDER_ID in config.xml and app.ts with above SENDER_ID
$ ionic platform add android
$ ionic build android
$ ionic run android $ ionic platform add ios
$ ionic build iosRun using XCode
####Use device token printed in console for push notifications using below server code
-
Android
-
iOS
Push Notifications Server code 🎉👍 It has server code used to send Push Notification to iOS and Android device.
ionic2-push-base/
|-- src/
| |-- app/
| | ├── app.ts
| | └── app.module.ts
| | └── main.dev.ts
| | └── main.prod.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
├── README.md * 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
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent