咨询浏览器端PWA聊天应用集成FCM推送通知的实现及可行性

1. FCM是否支持未安装的PWA？ #

完全支持。FCM的Web SDK原生适配浏览器环境的PWA，无论是否将应用安装到设备，只要浏览器支持Service Worker（当前Chrome、Firefox、Edge等主流浏览器均支持），就能正常接收推送通知。

2. 监听消息集合自动触发推送的实现方案 #

你需要结合Firebase Cloud Functions与Firestore触发器来实现，具体步骤如下：

• 客户端保存FCM令牌
  用户首次访问PWA时，通过FCM SDK获取推送令牌，将令牌与用户ID关联存储到Firestore（例如在users集合的用户文档中添加fcmToken字段）。
  示例代码（客户端）：

  // 初始化FCM后获取并存储令牌
  async function saveFCMToken() {
    const registration = await navigator.serviceWorker.ready;
    let token = await registration.pushManager.getSubscription();
    if (!token) {
      token = await registration.pushManager.subscribe({
        userVisibleOnly: true,
        applicationServerKey: '你的VAPID公钥'
      });
    }
    // 将令牌存入Firestore用户文档
    await firebase.firestore().collection('users').doc(currentUserId).update({
      fcmToken: token.toJSON()
    });
  }
  

• Cloud Functions监听消息集合
  编写Firestore触发器函数，当messages集合新增文档时，提取接收方用户ID，查询其FCM令牌，调用FCM API发送通知。
  示例代码（Cloud Functions）：

  const functions = require('firebase-functions');
  const admin = require('firebase-admin');
  admin.initializeApp();
  
  exports.sendNewMessageNotification = functions.firestore
    .document('messages/{messageId}')
    .onCreate(async (snap, context) => {
      const messageData = snap.data();
      const recipientId = messageData.recipientId;
      
      // 查询接收方的FCM令牌
      const userDoc = await admin.firestore().collection('users').doc(recipientId).get();
      if (!userDoc.exists || !userDoc.data().fcmToken) {
        return console.log('接收方无有效FCM令牌');
      }
      const fcmToken = userDoc.data().fcmToken;
  
      // 构建推送通知内容
      const payload = {
        notification: {
          title: '新消息',
          body: messageData.content,
          icon: '/icons/icon-192x192.png', // PWA图标路径
          click_action: '/chat' // 点击通知跳转的页面
        }
      };
  
      // 发送通知
      return admin.messaging().sendToDevice(fcmToken, payload);
    });
  

• 注意事项：确保Cloud Functions部署成功，FCM的VAPID密钥配置正确，且客户端Service Worker已注册并能处理推送事件。

3. 屏幕锁定/浏览器未打开时的通知可用性 #

• 屏幕锁定时：只要浏览器处于后台运行（未关闭），无论屏幕是否锁定，都能正常接收推送通知，浏览器会在系统层面弹出提醒。
• 浏览器未打开时：对于未安装的PWA，Chrome、Edge等主流浏览器支持后台推送——只要用户之前授权过通知权限，且设备联网，即使浏览器完全关闭，依然能收到推送（依赖浏览器后台服务运行）。但部分浏览器或隐私设置可能限制该行为，比如Firefox完全关闭后可能无法接收，需用户允许浏览器在后台运行。

内容的提问来源于stack exchange，提问作者D.Hodges