通过 Firebase 云功能向 Web 应用发送 FCM 消息

Question

当 Firestore 数据字段发生更改时，是否可以通过 Firebase Cloud Functions 发送 FCM 通知，但对于网站，而不是应用程序。除了从 Firebase 控制台发送通知外，还有很多针对 Android 和 iOS 的指导，但对于简单的 Web 应用没有任何指导）。

我一直在尝试找出如何从 Cloud Functions 触发通知，但找不到任何有用的东西。

例如，我的数据库结构如下：

• 集合：用户
• 文档：使用用户 ID 命名的文档
• 数据字段：字段 1 到 5。字段 5 存储 FCM 令牌。字段 1 存储其状态（在线、离线、离线待处理消息）。

我想确保当数据字段 1 发生更改（变为“离线待处理消息”）时，相关用户会收到通知（基于文档 ID）。

编辑：在下面添加代码以供参考

const functions = require('firebase-functions');
const admin = require('firebase-admin');
admin.initializeApp(functions.config().firebase);
exports.sendNotification = functions.database.ref('/users/{doc}/{Hears}')
    .onUpdate(async (change, context) => {

        const db = admin.firestore();
        db.collection('users').doc(context.params.userId)  // get userId
        .get()
        .then(doc => {
            //this is intended to get the FCM token stored in the user's document
           const fcmToken = doc.data().usrTkn;
           // Notification details
            const payload = {
            notification: {
                title: 'You have a new message.',
                body: 'Open your app'
            }
        };
     })
    //This should send a notification to the user's device when web app is not in focus. 
    //FCM is set up in service worker
     const response = await admin.messaging().sendToDevice(fcmToken, payload);
     console.log(response);

    });

Answer 1

向网络应用程序发送消息与向本机移动应用程序发送消息没有什么不同，因此您发现的发送部分指南同样适用。 Firebase 文档甚至包含sending notifications on a Realtime Database trigger 的示例，对 Firestore 执行相同操作也不会有太大不同。

如果您在发送消息时遇到特定问题，我建议您展示您尝试过的方法以及无法解决的问题。

---

更新：您的代码不起作用（无论您将通知发送到哪种设备），因为您没有在代码中处理 get() 的异步性质。

解决这个问题的最简单方法是在那里也使用await，就像调用sendToDevice 时一样。所以：

const functions = require('firebase-functions');
const admin = require('firebase-admin');
admin.initializeApp(functions.config().firebase);
exports.sendNotification = functions.database.ref('/users/{doc}/{Hears}')
    .onUpdate(async (change, context) => {
        const db = admin.firestore();
        const doc = await db.collection('users').doc(context.params.userId).get();
        const fcmToken = doc.data().usrTkn;
        const payload = {
          notification: {
            title: 'You have a new message.',
            body: 'Open your app'
          }
        };
        const response = await admin.messaging().sendToDevice(fcmToken, payload);
        console.log(response);
    })

我强烈建议花一些时间了解asynchronous calls、closures、async/await，以及如何使用debug something like this by adding logging。