ionic3中使用极光推送

极光推送使用方法:

官网传送门:点我打开极光推送git

一、因为极光推送使用的是cordova插件,所以我们要先安装cordova:

    npm install -g cordova

通过npm包管理器安装。

检测cordova是否安装成功也很简单,在命令行输出 cordova -v (-v是 --version 的缩写,代表检测版本)

ionic3中使用极光推送

二、按照极光官网提供安装,有三种方式

      通过 Cordova Plugins 安装,要求 Cordova CLI 5.0+:      

cordova plugin add jpush-phonegap-plugin --variable APP_KEY=your_jpush_appkey

      或直接通过 url 安装:

cordova plugin add https://github.com/jpush/jpush-phonegap-plugin.git --variable APP_KEY=your_jpush_appkey

      或下载到本地安装:

cordova plugin add Your_Plugin_Path --variable APP_KEY=your_jpush_appkey

安装的时候 APP_KEY = your_jpush_appkey (your_jpush_appkey一定要替换成你自己在极光官网创建应用app的AppKey)

ionic3中使用极光推送

ionic3中使用极光推送

在和src目录同级的目录下有个config.xml文件,里面就是配置信息文件,打开,看到如下图所示:

ionic3中使用极光推送

其中红色框选中的部分中的id的值就是你要打包的这个 包名,创建应用的时候需要跟这里对应。

三、安装 @jiguang-ionic/jpush 包

npm install --save @jiguang-ionic/jpush

安装 @jiguang-ionic/jpush 以后,在 app.module.ts 文件中,导入,然后添加到 服务(providers中。

import { JPush } from '@jiguang-ionic/jpush';
...
  providers: [
    ...
    JPush,
    ...
  ]

四、使用极光推送

    极光推送事件:

        接收消息触发 jpush.receiveNotification

        打开消息触发 jpush.openNotification

        接收本地消息 jpush.receiveLocalNotification

    如果需要接收附加值信息,比如我在极光推送官网上设置的附加值字段名为ID,

ionic3中使用极光推送

ionic3中使用极光推送

可以通过事件参数 even.extras["cn.jpush.android.EXTRA"].ID 获得,ID可以为任意字段名称

event.extras是个对象,里面有一系列的信息。

ionic3中使用极光推送