Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/aggarwalankush/ionic-push-base
Ionic Push Notifications Base App for iOS and Android
https://github.com/aggarwalankush/ionic-push-base
android angular ionic ios push-notifications
Last synced: 14 days ago
JSON representation
Ionic Push Notifications Base App for iOS and Android
- Host: GitHub
- URL: https://github.com/aggarwalankush/ionic-push-base
- Owner: aggarwalankush
- License: mit
- Created: 2016-07-21T19:21:47.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2017-06-30T04:20:00.000Z (over 7 years ago)
- Last Synced: 2024-05-23T00:13:44.793Z (6 months ago)
- Topics: android, angular, ionic, ios, push-notifications
- Language: TypeScript
- Homepage: https://medium.com/@ankushaggarwal/push-notifications-in-ionic-2-658461108c59
- Size: 2.15 MB
- Stars: 165
- Watchers: 19
- Forks: 64
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- Awesome - Push Notification
README
Ionic Push Base
=================
This can be used as base template for Ionic Push apps. It's working for both iOS and Android Push Notifications.
## Tutorial
* [Push Notifications in Ionic](https://medium.com/@ankushaggarwal/push-notifications-in-ionic-658461108c59)
* [FCM Setup for Android Notifications](https://medium.com/@ankushaggarwal/gcm-setup-for-android-push-notifications-656cfdd8adbd)
* [APNS Setup for IOS Notifications](https://medium.com/@ankushaggarwal/generate-apns-certificate-for-ios-push-notifications-85e4a917d522)
## Prerequisites
- Download nodejs from https://nodejs.org/en/download/current/ It will install `node` and `npm`
```bash
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
```bash
sudo gem install cocoapods
pod setup
```
## Getting Started
* Clone this repository
* Install Ionic, cordova and node_modules
```bash
$ npm install -g ionic cordova
$ npm install
```
* Generate **SENDER_ID** using this [tutorial](https://medium.com/@ankushaggarwal/gcm-setup-for-android-push-notifications-656cfdd8adbd) :+1:
* _Replace **YOUR_SENDER_ID** in **config.xml and app.ts** with above **SENDER_ID**_
### Android
```bash
$ ionic cordova platform add android
$ ionic cordova build android
$ ionic cordova run android
```
### iOS
```bash
$ 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
* iOS
Server Code
=================
[Push Notifications Server code](https://github.com/aggarwalankush/push-notification-server) :tada::+1:
It has server code used to send Push Notification to iOS and Android device.
## File Structure of App
```
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
```