aggarwalankush / Ionic Push Base
Licence: mit
Ionic Push Notifications Base App for iOS and Android
Stars: ✭ 166
Programming Languages
typescript
32286 projects
Projects that are alternatives of or similar to Ionic Push Base
Onesignal Cordova Sdk
OneSignal is a free push notification service for mobile apps. This plugin makes it easy to integrate your Ionic, PhoneGap CLI, PhoneGap Build, Cordova, or Sencha Touch app with OneSignal. Supports Android, iOS, and Amazon's Fire OS platforms. https://onesignal.com
Stars: ✭ 214 (+28.92%)
Mutual labels: push-notifications, ionic
ionic-push-php
ionic-push-php is a library that allows you to consume the Ionic Cloud API for sending push notifications (normal and scheduled), get a paginated list of sending push notifications, get information of registered devices, remove registered devices by token, ...
Stars: ✭ 20 (-87.95%)
Mutual labels: ionic, push-notifications
OneSignal-Ionic-Sample
No description or website provided.
Stars: ✭ 85 (-48.8%)
Mutual labels: ionic, push-notifications
Ionic Pwa
🚀 Build a Progressive Web App with Ionic and Angular. Push Notifications. Deployed to Firebase Hosting. The Complete guide to build your PWA. Service Workers. Lighthouse. Web Manifest
Stars: ✭ 87 (-47.59%)
Mutual labels: push-notifications, ionic
mobile-messaging-cordova-plugin
Mobile Messaging SDK plugin for Cordova projects
Stars: ✭ 19 (-88.55%)
Mutual labels: ionic, push-notifications
Ionic2 Pokedex
🎮 Pokédex sample app developed with Ionic 2, Angular 2 and Apache Cordova. Using Pokéapi as source for data.
Stars: ✭ 143 (-13.86%)
Mutual labels: ionic
Picodeploy
Deploy Pico-8 Carts as Standalone Applications on Desktop 🖥️(Electron) and Mobile 📱(Ionic) 📦👾
Stars: ✭ 153 (-7.83%)
Mutual labels: ionic
Ionic Native Http Connection Backend
A solution to CORS issues with Ionic and iOS
Stars: ✭ 142 (-14.46%)
Mutual labels: ionic
Ionic3 Components
A project full of ionic 3 components and samples - to make life easier :)
Stars: ✭ 1,689 (+917.47%)
Mutual labels: ionic
Onesignal Unity Sdk
OneSignal is a free push notification service for mobile apps. This plugin makes it easy to integrate your Unity app with OneSignal. https://onesignal.com
Stars: ✭ 161 (-3.01%)
Mutual labels: push-notifications
Electron Push Receiver
A module to bring Web Push support to Electron allowing it to receive notifications from Firebase Cloud Messaging (FCM).
Stars: ✭ 158 (-4.82%)
Mutual labels: push-notifications
Notifme Sdk
A Node.js library to send all kinds of transactional notifications.
Stars: ✭ 1,854 (+1016.87%)
Mutual labels: push-notifications
Siberian
Siberian Single App Edition (SAE), free and open-source app builder.
Stars: ✭ 144 (-13.25%)
Mutual labels: ionic
Django Push Notifications
Send push notifications to mobile devices through GCM or APNS in Django.
Stars: ✭ 1,881 (+1033.13%)
Mutual labels: push-notifications
Ionic3 Multilevelsidemenu
Ionic 3 demo of a two-level side menu.
Stars: ✭ 141 (-15.06%)
Mutual labels: ionic
Beep
BEEP Account Security Scanner - Detect if your credentials have been compromised (Vue + Ionic)
Stars: ✭ 148 (-10.84%)
Mutual labels: ionic
Ionic Forms And Validations
📝 Ionic Tutorial - Learn to use Forms and Validations in Ionic Angular apps. Get a FREE Ionic 5 Forms Starter App and learn to handle simple and custom validations. Includes complete ionic forms tutorial!
Stars: ✭ 155 (-6.63%)
Mutual labels: ionic
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
Prerequisites
- 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
Getting Started
-
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
Android
$ ionic cordova platform add android
$ ionic cordova build android
$ ionic cordova run android
iOS
$ 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 🎉👍 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
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].