Skip to main content

Working tutorials on ionic push notification.

Working tutorials on ionic push notification.

https://github.com/replysam2009/ionic2-push-notifications



ionic start --v2 myApp blank

npm install @ionic/cloud-angular --save

ionic plugin add phonegap-plugin-push --variable SENDER_ID=XXXXXXXXX

How to get SENDER_ID: https://medium.com/@ankushaggarwal/gcm-setup-for-android-push-notifications-656cfdd8adbd#.2dfwmb64z


Go to : https://apps.ionic.io/

Create account

give command : ionic upload

See app in account here  :  https://apps.ionic.io/

Upload app

Copy app id 


in app.module.ts

import { NgModule, ErrorHandler } from '@angular/core';
import { IonicApp, IonicModule, IonicErrorHandler } from 'ionic-angular';
import { MyApp } from './app.component';
import { AboutPage } from '../pages/about/about';
import { ContactPage } from '../pages/contact/contact';
import { HomePage } from '../pages/home/home';
import { TabsPage } from '../pages/tabs/tabs';
import { CloudSettings, CloudModule } from '@ionic/cloud-angular';

const cloudSettings: CloudSettings = {
  'core': {
    'app_id': '0e886220'
  },
  'push': {
    'sender_id': '884500026100',
    'pluginConfig': {
      'ios': {
        'badge': true,
        'sound': true
      },
      'android': {
        'iconColor': '#343434'
      }
    }
  }
};

@NgModule({
  declarations: [
    MyApp,
    AboutPage,
    ContactPage,
    HomePage,
    TabsPage
  ],
  imports: [
    IonicModule.forRoot(MyApp),
    CloudModule.forRoot(cloudSettings)
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp,
    AboutPage,
    ContactPage,
    HomePage,
    TabsPage
  ],
  providers: [{provide: ErrorHandler, useClass: IonicErrorHandler}]
})
export class AppModule {}

home.ts

import { Component } from '@angular/core';
import { Platform } from 'ionic-angular';
import {
  Push,
  PushToken
} from '@ionic/cloud-angular';
import { NavController } from 'ionic-angular';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

  constructor(public navCtrl: NavController,public push: Push, public platform: Platform) {
      if(( this.platform.is('ios') || this.platform.is('android') )){
        this.push.register().then((t: PushToken) => {
          return this.push.saveToken(t);
        }).then((t: PushToken) => {
          console.log('Token saved:', t.token);
        });

        this.push.rx.notification()
          .subscribe((msg) => {
            alert(msg.title + ': ' + msg.text);
          });
      }    
  }

}



To create security profile in ionic: 

https://docs.ionic.io/services/profiles/

Android App Keystore
The Android keystore, used for signing apps, can be generated using keytool, which is included in the Java JDK. Change MY-RELEASE-KEY and MY_ALIAS_NAME to be relevant to your app. The tool will ask you to enter a keystore password and a key password.
$ keytool -genkey -v -keystore MY-RELEASE-KEY.keystore -alias MY_ALIAS_NAME -keyalg RSA -keysize 2048 -validity 10000

Then follow : https://devdactic.com/ionic-2-push-notifications/
https://devdactic.com/ionic-2-push-notifications/








Comments

Post a Comment

Popular posts from this blog

Send push motification to iphone and android code

Send push motification to iphone and android code function sendIphoneAdminPush($token,$message) { $streamContext = stream_context_create(); $badge = 0; //$message = "Here is the new deal having 50% discount for business ABC."; //$token = "ghjkghkgkghkghkjghkghkghjkhkghkghjkhkhgjkhgj"; stream_context_set_option($streamContext, 'ssl', 'local_cert', $_SERVER['DOCUMENT_ROOT'].'/nodatapp/pem/pushNew.pem'); $apns = stream_socket_client( //'ssl://gateway.sandbox.push.apple.com:2195', 'ssl://gateway.push.apple.com:2195', $error, $errorString, 60, STREAM_CLIENT_CONNECT, $streamContext); $load = array(   'aps' => array(   'alert' => $message,   'badge' => $badge,   'sound' => 'default',   'data' => array( 'push_type' => "IphonePush" )   )   ); $payloa...
2 comments
Read more

angular2-color-picker TypeError: Cannot read property 'substr' of undefined - source-node.js

angular2-color-picker TypeError: Cannot read property 'substr' of undefined - source-node.js if you install npm i --save angular2-color-picker and get node error  TypeError: Cannot read property 'substr' of undefined - source-node.js TypeError : Cannot read property 'substr' of undefined at Function .< anonymous > ( E : \Documents\Year_3\Mobile_Application_Development\mammoth - v2\node_modules\webpack - sources\node_modules\source - map\lib\source - node . js : 95 : 30 ) at Array . forEach ( native ) at BasicSourceMapConsumer . SourceMapConsumer_eachMapping [ as eachMapping ] ( E : \Documents\Year_3\Mobile_Application_Development\mammoth - v2\node_modules\webpack - sources\node_modules\source - map\lib\source - map - consumer . js : 155 : 14 ) at Function . SourceNode_fromStringWithSourceMap [ as fromStringWithSourceMap ] ( E : \Documents\Year_3\Mobile_Application_Development\mammoth - v2\node_mod...
1 comment
Read more

If location on IOS do not work with geolocation

If location on IOS do not work with geolocation iOS Quirks Since iOS 10 it's mandatory to add a NSLocationWhenInUseUsageDescription entry in the info.plist. NSLocationWhenInUseUsageDescription describes the reason that the app accesses the user's location. When the system prompts the user to allow access, this string is displayed as part of the dialog box. To add this entry you can pass the variable GEOLOCATION_USAGE_DESCRIPTION on plugin install. Example: cordova plugin add cordova-plugin-geolocation --variable GEOLOCATION_USAGE_DESCRIPTION="your usage message" If you don't pass the variable, the plugin will add an empty string as value. To solve your problem, try: Uninstall the plugin: cordova plugin remove cordova-plugin-geolocation Reinstall with: cordova plugin add cordova-plugin-geolocation --variable GEOLOCATION_USAGE_DESCRIPTION= "my_project would like to use your location" platform/ios/{project}/{project}...
1 comment
Read more