如何使用 ionic 2 实现 pushwoosh [英] How to implement pushwoosh with ionic 2

问题描述

我想在 ionic 2 中实现 pushwoosh，我正在使用 this cordova 插件.我是 ionic 2 的新手，想知道如何使用这个插件中的方法.

I want to implement pushwoosh in ionic 2 i am using this cordova plugin. i am new to ionic 2 want to know how to use methods from this plugin.

推荐答案

首先阅读pushwoosh 使用cordova 插件的手册:http://docs.pushwoosh.com/docs/cordova-phonegap

First read the pushwoosh manual about using the cordova plugin: http://docs.pushwoosh.com/docs/cordova-phonegap

之后我得到了这段代码在 ios 和 android 上工作.

After that i got this code working on ios and android.

在第 3 步中，您可以使用以下代码作为服务提供者:在我的项目文件夹中，我创建了这个文件:/src/app/providers/push-service.ts

On step 3, you can use the following code as a service provider: in my projects folder i created this file: /src/app/providers/push-service.ts

import { Injectable } from "@angular/core";
import { Platform } from 'ionic-angular';
declare var cordova : any;

@Injectable()
export class PushService {

    PUSHWOOSH_APP_ID : string =  'XXXXX-XXXXX'; // your pushwoosh app id
    GOOGLE_PROJECT_NUMBER: string = 'XXXXXXXXXXXX'; // project number from firebase

    constructor(public platform : Platform){

        this.platform.ready().then(() => {
            if(this.platform.is('ios') || this.platform.is('android')){
                console.log("PushwooshService init: Running on push compatible platform "+ this.platform.userAgent() +')');
                this.initPushwoosh();
            } else{
                console.log("PushwooshService init: No compatible platform available.  Skipping init.)");
                return;
            }
        });


    }

    initPushwoosh(){
        let pushNotification = cordova.require("pushwoosh-cordova-plugin.PushNotification");

          //set push notifications handler
          document.addEventListener('push-notification', function (event) {
            let message = (event as any).notification.message; // Push message
            let userData = (event as any).notification.userdata; // Custom push data

            if (userData) {
            // handle custom push data here
            console.log('user data: ' + JSON.stringify(userData));
            }

          });

          //initialize Pushwoosh with projectid: "GOOGLE_PROJECT_NUMBER", pw_appid : "PUSHWOOSH_APP_ID". This will trigger all pending push notifications on start.
          pushNotification.onDeviceReady({
              appid: this.PUSHWOOSH_APP_ID,
              projectid: this.GOOGLE_PROJECT_NUMBER
              // serviceName: "MPNS_SERVICE_NAME"
          });

          //register for pushes
          pushNotification.registerDevice(
              function (status) {
                var pushToken = status;
                console.log(pushToken);
                alert('push token: ' + JSON.stringify(pushToken));
              },
              function (status) {
                alert(JSON.stringify(['failed to register ', status]));
              }
          );
    }

}

现在您可以在/src/app/app.component.ts 中导入此提供程序.

Now you can import this provider in your /src/app/app.component.ts.

    import { PushService } from '../providers/push-service';

    @Component({
      templateUrl: 'app.html',
      providers: [PushService]
    })

每当您的应用启动时，它都会初始化 pushwoosh.

Whenever your app is launched, it will initialize pushwoosh.

祝你好运；)

这篇关于如何使用 ionic 2 实现 pushwoosh的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！