[TypeScript] 使用 Ionic 2 和 Android 实现推送通知的示例

您好，
我是网站开发部的 Goto。

上次，这次我想写
一个关于如何Ionic 2中。我将使用GCM（Google Cloud Messaging）

这个。

import { Push, provideCloud, CloudSettings } from '@ionic/cloud-angular'; const SENDER_ID = "{GCM 项目编号}"; const cloudSettings: CloudSettings = { 'core': { 'app_id': '{应用 ID}' }, 'push': { 'sender_id': SENDER_ID } }; @Component({省略}) class MyApp { constructor(private platform: Platform, private push: 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('notification', (data) => { console.log(data.title); console.log(data.message); }); push.on('error', (e) => { console.log(e.message); }); }); } } ionicBootstrap(MyApp, [provideCloud(cloudSettings)]);

然而，单靠这一点是行不通的。

我们将为您介绍您需要的东西。

1. 安装插件

$ ionic plugin add phonegap-plugin-push --variable SENDER_ID="{项目编号}"

2. 安装模块

$ npm install --save @ionic/cloud-angular

操作检查

curl -X POST -H "Authorization: key={Authentication key}" -H "Content-Type: application/json" -d '{ "registration_ids": ["{Registration ID for push notification}"], "data": { "title" : "Bad", "message": "Specifically, my stomach feels bad" } }' "https://android.googleapis.com/gcm/send"

补充说明

如果您对源代码中出现的以下内容感到困惑，这里有一个简单的
补充解释。

• 应用 ID
• GCM项目编号
• 注册 ID
• 身份验证密钥

那是什么？我会为那些好奇的人写一个简单的补充解释。

应用 ID

Ionic 项目根目录下的
“ionic.config.json”文件中 app_id 属性定义的 ID
它应该与您使用 ionic 命令创建项目时使用的名称一致。
如果不是，请自行设置。

GCM项目编号

此页面，请创建一个项目。
创建项目后，您将获得一个“项目 ID”和一个“项目编号”。
此项目编号将用于推送通知。
如果您已经创建了一个项目，可以通过“IAM 和管理 => 设置”进行查看。

注册 ID

这是在智能手机端发出的。
发出后，将其发送到服务器。
当服务器想要发送推送通知时，
它会请求 GCM 使用该 ID 向智能手机推送通知。

身份验证密钥

这是用于向 GCM 发送推送通知请求的身份验证密钥。
您可以在Google API 的“API 管理器 => 身份验证信息”

就这样。