使用 Expo React Native 收听 FCM 推送通知传送 (android)

Question

我遇到的问题与this one极为相似。

我正在使用 Expo (SDK38) 和托管工作流
我正在使用 Turtle CLI on CI

我有一个 FCM 项目几乎可以完美地与独立应用程序配合使用。 几乎完美 我的意思是：

我正在使用以下代码成功获取设备 FCM 令牌：

import { Notifications } from 'expo';

await Notifications.getDevicePushTokenAsync(); // Gives the token successfully

我在运行以下 NodeJS 脚本时发送推送通知，但是：

const admin = require('firebase-admin');

admin.initializeApp({
    credential: require('./my-credentials.json'),
    databaseURL: 'https://MY_URL_HERE'
});

admin.messaging.send({
    notification: { title: 'Foo', body: 'Bar' },
    android: { ttl: 86400 },
    token: 'THE_FCM_TOKEN_HERE'
});

[小问题 1]如果应用程序在前台，设备不会显示任何通知；
[小问题 2] 如果应用程序不在前台，设备会显示重复的通知。

为了完整起见，我在上面提到了一些小问题，但我现在面临的主要问题是我的应用程序只是不会注意到通知到达。侦听器不会触发。

我尝试了 Legacy Notifications Module and the New Notifications Module:

// Attempt using Legacy Notifications
// https://docs.expo.io/versions/v38.0.0/sdk/legacy-notifications/
import { Notifications as LegacyNotificationsModule } from 'expo';

// Attempt using New Notifications Module
// https://docs.expo.io/versions/v38.0.0/sdk/notifications/
import * as NewNotificationsModule from 'expo-notifications';

LegacyNotificationsModule.addListener(() => {
    // Make any UI change just for we to see it happening
});

NewNotificationsModule.addNotificationReceivedListener(() => {
    // Make any UI change just for we to see it happening
});

// I also tried commenting and uncommenting the code below
NewNotificationsModule.setNotificationHandler({
    handleNotification: async () => ({
        shouldShowAlert: true,
        shouldPlaySound: false,
        shouldSetBadge: false,
    }),
});

回想一下，就像在 the similar issue I linked above 中一样，我没有使用 Expo 通知令牌（形式为 ExponentPushToken[xxxxxx]）。我正在使用通过 Notifications.getDevicePushTokenAsync().

获得的标准 FCM 令牌

我怎样才能完成这项工作？

Answer 1

我终于想通了。

我已发送 PR to Expo 来改进这方面的文档。

简而言之，引用 my comment on GitHub:

For the app to properly react to the notification, it must come with an extra special field called experienceId. I couldn't find a way to send this field through Firebase Console interface for sending test messages; instead I made it work performing a HTTP POST call with:
Headers:

Authorization: key=${FIREBASE_SERVER_KEY_TOKEN} (obtained in my Firebase project Settings > Cloud Messaging)

Content-Type: application/json
Body:
{
    "to": "<DEVICE_PUSH_NOTIFICATION_TOKEN>",
    "priority": "normal",
    "data": {
        "experienceId": "@anonymous/my-project-slug",
        "title": "Hello",
        "message": "World"
    }
}

一个没有记录的关键信息是，对于像我这样没有 expo 帐户（并且正在独立于 expo 构建所有内容）的人来说，体验 ID 应该以 @anonymous 开头。 Full credits for @awinograd in GitHub for figuring this out.

使用 Expo React Native 收听 FCM 推送通知传送 (android)

Listen to FCM push notification delivery with Expo react native (android)

android

push-notification

react-native

firebase-cloud-messaging

expo