FCM Admin SDK Web Push通知click_action属性设置求助

你说得没错，FCM Admin SDK的NotificationMessagePayload里的click_action属性确实仅支持Android和iOS，Web Push场景下得用Web专属的配置项来实现相同效果，主要有两种实用方式：

方式一：用FCM内置的跳转配置（最简单） #

FCM v1 API（以及基于它的Admin SDK）给Web Push专门提供了webpush.fcm_options.link字段，这就是Web端替代click_action的官方方案，直接设置点击后跳转的URL即可，无需额外写Service Worker逻辑。

给你举个Node.js Admin SDK的代码示例：

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

// 假设你已经完成Admin SDK初始化
const message = {
  notification: {
    title: '新消息提醒',
    body: '点击查看详情'
  },
  webpush: {
    fcm_options: {
      link: 'https://your-target-url.com' // 替换成你需要跳转的HTTPS链接
    }
  },
  token: '用户的Web Push令牌'
};

// 发送消息
admin.messaging().send(message)
  .then((response) => {
    console.log('消息发送成功:', response);
  })
  .catch((error) => {
    console.log('消息发送失败:', error);
  });

方式二：自定义Service Worker处理点击（更灵活） #

如果需要更复杂的逻辑（比如根据通知类型跳转不同页面、校验登录状态等），可以在消息里携带自定义数据，然后在Service Worker的notificationclick事件中手动处理跳转。

第一步：构造消息时携带自定义跳转链接 #

const message = {
  notification: {
    title: '自定义跳转通知',
    body: '点击触发自定义逻辑'
  },
  webpush: {
    data: {
      target_url: 'https://your-custom-url.com' // 自定义跳转地址
    }
  },
  token: '用户的Web Push令牌'
};

admin.messaging().send(message);

第二步：在Service Worker中处理点击事件 #

在你的firebase-messaging-sw.js文件中添加以下代码：

self.addEventListener('notificationclick', (event) => {
  // 先关闭通知弹窗
  event.notification.close();
  
  // 从通知数据中取出自定义跳转链接
  const targetUrl = event.notification.data.target_url;
  
  // 打开或聚焦目标页面
  event.waitUntil(
    clients.openWindow(targetUrl).then((windowClient) => {
      if (windowClient) {
        windowClient.focus();
      }
    })
  );
});

⚠️ 注意：不管用哪种方式，跳转的URL必须是HTTPS协议（本地开发的localhost除外），否则浏览器会阻止跳转行为。

内容的提问来源于stack exchange，提问作者addicted20015