[TypeScript] 使用 ionic2 推送通知的示例 [Android]
你好。
我叫 Goto,来自网络开发部门。
上次,这次我想写一个
如何Ionic2中使用GCM(谷歌云消息传递)
这个。
import { Push, ProvideCloud, CloudSettings } from '@ionic/cloud-angular'; const SENDER_ID = "{GCM 项目编号}"; const cloudSettings = { 'core': { 'app_id': '{应用程序 ID}' }, 'push': { 'sender_id': SENDER_ID } }; @Component({省略}) class MyApp { 构造函数(私有平台: Platform, 私有推送: Push) { this.platform.ready().then (() => { var myPush = new Push.init( android: { sender_id: SENDER_ID } ); Push.on('registration', (id) => { console.log(id); // => {注册 id} 是输出 }); Push.on('通知', (data) => { console.log(data.title); console.log(data.message); }); Push.on('错误', (e) => { console.log(e.message) }) } } ionicBootstrap(MyApp, [provideCloud(cloudSettings)]);
然而,仅此一点是行不通的
介绍一下你需要什么。
1.安装插件
$ ionic插件添加phonegap-plugin-push --variable SENDER_ID =“{项目编号}”
2. 安装模块
$ npm install --save @ionic/cloud-angular
操作确认
curl -X POST -H "Authorization: key={Authorization key}" -H "Content-Type: application/json" -d '{ "registration_ids": ["{推送通知的注册ID}"], " data" : { "title" : "太可怕了", "message": "特别是,我的胃感觉很糟糕" } }' "https://android.googleapis.com/gcm/send"
补充说明
我将为那些对源代码中出现的以下内容感到好奇的人写一个简短但补充的解释
- 应用程序ID
- GCM项目编号
- 注册号
- 认证密钥
那是什么?对于有这种想法的人,我会写一个简短的补充说明。
应用程序ID
应用程序 ID
是在位于 Ionic 项目根目录的“ionic.config.json”中编写的 app_id 中定义的 ID。
我认为使用 ionic 命令创建项目时使用的名称按原样反映。
如果没有,请自行设置。
GCM项目编号
此后,让我们创建一个项目。
当您创建项目时,将会发出一个“项目ID”和“项目编号”。
项目编号用于推送通知。
如果您已经创建了,可以从“IAM 和管理 => 设置”
注册号
这是由智能手机发出的。
发布后,将其发送到服务器。
当服务器端想要发送推送通知时,它
会请求 GCM 将其推送到具有该 ID 的智能手机。
认证密钥
这是向 GCM 请求推送通知时的身份验证密钥。
GoogleAPIs 的“API Manager => 身份验证信息”中查看
就是这样。
如果您觉得这篇文章有帮助,请点赞!