在 React Industrial app中执行推力通知,可以通过提供及时的更新和提醒来显著增强用户的接触. Firebase Cloud Messating (FCM) 为管理跨平台的推力通知提供了可靠且易融的解决方案. 这个指南会引导您通过使用 Firebase 在 React Industrial 中执行推力通知的步骤.

先决条件

  • 与 Expo 或 React 本地 CLI 一起建立的反动土著项目
  • 在火基地控制台上创建的火基地项目
  • JavaScript 和 React 本地语的基本知识
  • 在您的工程中安装的火堆 SDK

建立火力基地

首先创建 Firebase 工程, 并添加您的应用程序。 下载配置文件 :

给Android的

下载 google- service.json 文件并将其放置在您的项目和机器人/应用程序目录中。 请将 Firebase SDK 添加到您的项目依赖性中 。

iOS 软件

下载 Google Service-Info.plist 文件并添加到您的 Xcode 项目中。 通过 CocoaPods 安装 Firebase SDK 。

安装依赖关系

安装必要的火力基地包 :

  • 反应原生CLI:

运行 : [[FLT: 0]]

  • 对于博览会管理的工作流程:

使用 Expo Firebase SDK 或弹出为本地模块的光滑工作流程 。

请求权限并获取托肯

在您的本地反应代码中, 请求允许通知并获取设备符号 :

示例

import messaging from '@react-native-firebase/messaging';

async function requestUserPermission() {
 const authStatus = await messaging().requestPermission();
 const enabled =
 authStatus === messaging.AuthorizationStatus.AUTHORIZED ||
 authStatus === messaging.AuthorizationStatus.PROVISIONAL;

 if (enabled) {
 console.log('Authorization status:', authStatus);
 getFcmToken();
 }
}

async function getFcmToken() {
 const fcmToken = await messaging().getToken();
 if (fcmToken) {
 console.log('FCM Token:', fcmToken);
 // Send token to your server for push notifications
 }
}

requestUserPermission();

处理收到的通知

设置听众处理前景通知和回复 :

messaging().onMessage(async remoteMessage => {
 console.log('A new FCM message arrived!', remoteMessage);
 // Show local notification or update UI
});

messaging().setBackgroundMessageHandler(async remoteMessage => {
 console.log('Message handled in the background!', remoteMessage);
 // Handle background message
});

发送按下通知

使用 Firebase 云源通讯 API 或 Firebase 控制台发送通知。 示例有效载荷 :

{
 "to": "",
 "notification": {
 "title": "Hello!",
 "body": "This is a push notification."
 }
}

通过Firebase Cloud Message REST API或Firebase Console发送消息.

结论

将推推通知与React Industrial的Firebase整合,涉及建立Firebase,请求权限,检索设备令牌,以及处理消息。 适当的执行可以改善用户参与,并保持您的应用动态和互动性。