基于IONIC2极光推送示例

前言

由于ionic2在使用cordova插件的方法不同于之前,

所以在ionic-native开源项目集成了JPush调用方法,其实实现方式有很多种。

实际上ionic-natvie只是中间层,可以理解为ionic2与cordova的一个桥梁。

具体大家可以查看ionic-natvie,文档内有关于插件集成的方法。

由于工作比较繁忙,暂时只实现了公共API部分。

项目地址>>

集成步骤

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

1
$ cordova plugin add jpush-phonegap-plugin --variable API_KEY=your_jpush_appkey

或者直接通过 url 安装:

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

或下载到本地安装:

$ cordova plugin add Your_Plugin_Path –variable API_KEY=your_jpush_appkey

1
2
3
4
5
6
7
8
查看更多: [官方文档](https://github.com/jpush/jpush-phonegap-plugin)
### 使用(仅列举常用部分,其他方法请查看文档)
请先把demo里的node-module/ionic-native文件夹复制到自己的项目里面去。
引入JPush

import { JPush } from ‘ionic-native’;

1
2
初始化

JPush.init().then(res => { alert(res) });

1
2
停止

JPush.stop().then(res => { alert(res) });

1
2
设置别名

JPush.setAlias(alias).then(res => { alert(res) });

1
2
设置标签

1
2
同时设置别名和标签

JPush.setTagsWithAlias(alias,alias).then(res => { alert(res) });

1
2
获取注册ID

JPush.getRegistrationID().then(res => { alert(res) });

1
2
获取点击通知的内容

document.addEventListener(“jpush.openNotification”, (event?: any) => {
alert(event.alert)
}, false);

1
2
获取自定义消息

document.addEventListener(“jpush.receiveMessage”, (event?: any) => {
alert(event.message)
}, false);
```

##欢迎大家加入Ionic2.0 交流群 513752928

Share Comments