如何通过FCM从服务器发送带有操作的web推送通知？

Firebase Cloud Messaging（FCM）是一种跨平台的消息传递服务，可以帮助开发者将消息发送到移动设备、Web应用程序和服务器。通过FCM，开发者可以从服务器发送带有操作的Web推送通知。

要通过FCM从服务器发送带有操作的Web推送通知，可以按照以下步骤进行操作：

配置Firebase项目：在Firebase控制台中创建一个项目，并将Web应用程序添加到该项目中。获取项目的配置信息，包括项目ID和服务器密钥。
集成FCM SDK：在Web应用程序中集成FCM的JavaScript SDK。可以通过在HTML文件中添加以下代码来引入FCM SDK：

<script src="https://www.gstatic.com/firebasejs/9.6.1/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/9.6.1/firebase-messaging.js"></script>

初始化Firebase：在JavaScript代码中初始化Firebase，并使用之前获取的配置信息进行配置：

const firebaseConfig = {
  // 配置信息
};

firebase.initializeApp(firebaseConfig);

请求用户授权：在Web应用程序中，需要请求用户授权以接收推送通知。可以使用以下代码请求用户授权：

const messaging = firebase.messaging();

messaging.requestPermission()
  .then(() => {
    console.log('授权成功');
    return messaging.getToken();
  })
  .then((token) => {
    console.log('设备标识：', token);
  })
  .catch((error) => {
    console.log('授权失败：', error);
  });

发送推送通知：在服务器端，可以使用FCM的HTTP或XMPP接口发送推送通知。以下是使用HTTP接口发送推送通知的示例代码：

const axios = require('axios');

const serverKey = '服务器密钥';
const fcmUrl = 'https://fcm.googleapis.com/fcm/send';

const notification = {
  title: '推送通知标题',
  body: '推送通知内容',
  click_action: 'https://example.com' // 点击通知后的操作
};

const data = {
  // 自定义数据
};

const message = {
  notification,
  data,
  // 根据目标设备选择合适的条件
  condition: "'topicA' in topics || 'topicB' in topics",
  // 或者使用特定设备的标识
  token: '设备标识'
};

axios.post(fcmUrl, message, {
  headers: {
    'Content-Type': 'application/json',
    'Authorization': `key=${serverKey}`
  }
})
  .then((response) => {
    console.log('推送通知发送成功：', response.data);
  })
  .catch((error) => {
    console.log('推送通知发送失败：', error);
  });

以上代码中，需要将服务器密钥替换为实际的服务器密钥，推送通知标题和推送通知内容替换为实际的推送通知内容。

推荐的腾讯云相关产品：腾讯云移动推送（TPNS）。腾讯云移动推送是腾讯云提供的一种跨平台、高效、稳定的消息推送服务，支持移动设备、Web应用程序和服务器的消息推送。您可以通过腾讯云移动推送来实现从服务器发送带有操作的Web推送通知。了解更多信息，请访问腾讯云移动推送的官方文档：腾讯云移动推送。