This can be used as base template for Ionic Push apps. It's working for both iOS and Android Push Notifications.
- Download nodejs from https://nodejs.org/en/download/current/ It will install
nodeandnpm
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-
Clone this repository
-
Install Ionic, cordova and node_modules
$ npm install -g ionic cordova $ npm install
-
Generate SENDER_ID using this tutorial 👍
-
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 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.
ionic-push-base/
|-- 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
├── 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