如何将 Azure 通知中心连接到 Ionic React 应用程序？答案

【问题标题】：How do you hook up Azure notification Hub to a Ionic React app?如何将 Azure 通知中心连接到 Ionic React 应用程序？
【发布时间】：2020-03-09 19:32:42
【问题描述】：

我有一个连接到 FCM 实例的 Azure 通知中心。我可以使用 Firebase 控制台向我的应用发送通知。有一个组件可以注册我的设备并更改链接设备和 FCM 的 build.gradle 文件（遵循本指南https://enappd.com/blog/firebase-push-notification-in-ionic-react-capacitor/111/）。但我想改用 Azure 通知中心。

需要向 gradle.build/google-services.json/任何其他文件添加哪些内容才能使应用与 Azure 链接？谢谢。

【问题讨论】：

标签： reactjs azure android-notifications azure-notificationhub ionic-react

【解决方案1】：

好的，经过一番挖掘，我已经解决了这个问题。我将列出以下步骤 -

在您的 ionic-react 应用程序中运行 npm i，然后运行 npx cap add android，然后运行 npx cap open android。
在 Firebase 上注册 this guide. 下载 google-services.json 文件。将此文件添加到 android/app/ 文件夹。然后将apply plugin: 'com.google.gms.google-services'添加到android/app/文件夹下build.gradle的底部。
返回 Firebase 控制台 > 项目概述 > 项目设置 > 云消息传递并复制服务器密钥。
将服务器密钥粘贴到 Google (GCM/FCM) 选项卡下的 Azure 通知中心并保存。 Azure 和 Firebase 现已关联。
插入设备并从 Android Studio 运行您的应用。
在您的应用中注册推送通知（上面链接中的代码）。
应用程序现在能够接收通知。

我认为这不是一个完全“正确”的答案，因为您无法将手动测试通知从 Azure 发送到 Android，但它满足了我的要求，并希望对其他人有所帮助。谢谢。

【讨论】：