【发布时间】:2016-12-07 17:26:28
【问题描述】:
我正在使用以下插件来接收 GCM 推送通知。 离子插件添加phonegap-plugin-push 安装 --save @ionic/cloud-angular
我成功收到推送通知,但无法设置点击监听。
如何设置通知的点击监听?
如果有人知道使用 IONIC2 处理推送通知,请帮助我。
【问题讨论】:
标签: cordova typescript push-notification ionic2
我正在使用以下插件来接收 GCM 推送通知。 离子插件添加phonegap-plugin-push 安装 --save @ionic/cloud-angular
我成功收到推送通知,但无法设置点击监听。
如何设置通知的点击监听?
如果有人知道使用 IONIC2 处理推送通知,请帮助我。
【问题讨论】:
标签: cordova typescript push-notification ionic2
我得到了解决方案,现在如果有人遇到像我这样的问题,可以从这里获得参考,节省时间和精力。
创建一个示例 ionic 版本 2 typescript 项目 $ ionic start pushapp tutorial --v2 --ts
添加cordova push插件$ cordova插件添加phonegap-plugin-push --variable SENDER_ID="XXXXXXXXX" 这里 XXXXX 是你的谷歌项目号
打开 app.ts 并导入 push import {Push} from 'ionic-native';
用
更新app.ts的initializeApp方法 initializeNotification() {
let push = Push.init({
android: {
senderID: "XXXXXXXXXXXX"
},
ios: {
alert: "true",
badge: true,
sound: 'false'
},
windows: {}
});
push.on('registration', (data) => {
console.log(data.registrationId);
alert(data.registrationId.toString());
});
push.on('notification', (data) => {
console.log(data);
alert("Hi, Am a push notification and message is : " + data.message);
});
push.on('error', (e) => {
console.log(e.message);
});
}
创建android平台$ 离子平台添加android
构建 android $ ionic 构建 android
部署到安卓设备 $ ionic run android
-> 现在您可以使用http://apns-gcm.bryantan.info/ 测试您的推送通知
-> 在这里您必须提交以下详细信息:
设备令牌为registrationId,会打印在日志控制台中。
消息将是我们希望您发送给用户的任何文本
API 密钥将是从谷歌控制台生成的服务器密钥
【讨论】: