在React Native iOS中显示自定义FCM推送通知

Question

我正在研究一个想要接收FCM推送通知的React Native项目。而且我正在使用反应的fcm模块。我想做的是手动显示通知。

在此模块中，有一个函数

import {Platform} from 'react-native';
import FCM, {FCMEvent, RemoteNotificationResult, WillPresentNotificationResult, NotificationType} from 'react-native-fcm';
FCM.on(FCMEvent.Notification, async (notif) => {
  console.log(notif);
});

" notif"应该是设备收到的消息。但是，当通知发送到设备时，我无法接收console.log(notif);。

我想做的是使用以下功能手动处理notif JSON来显示通知。

FCM.presentLocalNotification({
        id: "UNIQ_ID_STRING",                               // (optional for instant notification)
        title: "My Notification Title",                     // as FCM payload
        body: "My Notification Message",                    // as FCM payload (required)
        sound: "default",                                   // as FCM payload
        priority: "high",                                   // as FCM payload
        click_action: "ACTION",                             // as FCM payload
        badge: 10,                                          // as FCM payload IOS only, set 0 to clear badges
        number: 10,                                         // Android only
        ticker: "My Notification Ticker",                   // Android only
        auto_cancel: true,                                  // Android only (default true)
        large_icon: "ic_launcher",                           // Android only
        icon: "ic_launcher",                                // as FCM payload, you can relace this with custom icon you put in mipmap
    });

我还意识到，发送给FCM的消息还会影响模块显示消息的方式。有关更多详细信息，请检查FCM。

我想我的FCM设置应该是正确的，因为我可以收到通知。如果我使用键"notification"发送消息，我的反应本地应用程序可以接收通知。喜欢：

"notification":{
  "title":"Portugal vs. Denmark",
  "body":"great match!"
}

但是上一个函数中的console.log(notif);仍未被调用。

我还试图通过有效载荷发送通知

"data" : {
  "title" : "Mario",
  "body" : "PortugalVSDenmark"
}

但仍未调用console.log(notif);。

有人知道该机制的反应 - fcm和firebase-cloud-messgage工作吗？

非常感谢！

Answer 1

请使用以下代码获取FCM令牌，应在Firebase注册。成功注册后，您将在" Notif"中收到远程通知。

FCM.on(FCMEvent.RefreshToken, (token) => {
    console.log("registration token:" + token);
// fcm token may not be available on first load, catch it here

}）;