chrome插件(V3版本)开发时content_script如何与service_worker可靠的通信？

Question

chrome插件(V3版本)开发时content_script如何与service_worker可靠的通信？

所谓可靠通信即：类似http请求一样可以使用promise通过 .then() 和 .catch() 方法可靠的处理异步问题。

Answer 1

以下回复参考：皆我百晓生、券券喵儿等免费微信小程序作答:

在Chrome插件（V3版本）开发中，content_script 与 service_worker 之间可以通过Chrome扩展的通信机制进行通信。为了确保通信的可靠性和异步处理，你可以使用chrome.runtime.sendMessage或chrome.runtime.connect方法，并结合Promise进行封装以实现你所描述的需求。下面是一个基本的示例来说明如何实现可靠通信：

步骤 1: 在 content_script 中发送消息

在 content_script 中，你可以使用 chrome.runtime.sendMessage 或 chrome.runtime.connect 方法向 service_worker 发送消息。这些消息可以是异步的，并带有回调来处理响应。

// content_script 中的代码片段
function sendMessageToServiceWorker(message) {
  return new Promise((resolve, reject) => {
    chrome.runtime.sendMessage({action: 'send', data: message}, response => {
      if (response && response.success) {
        resolve(response); // 成功响应处理
      } else {
        reject(response || 'Error during communication'); // 错误处理或没有响应的处理
      }
    });
  });
}

步骤 2: 在 service_worker 中接收并响应消息

在 service_worker 中，你需要监听来自 content_script 的消息，并做出响应。通常你可以在 service_worker 的 onConnect 事件处理器中进行这个操作。通过端口（port）与对方进行通信。示例代码如下：

// service_worker 中的代码片段
self.addEventListener('connect', function(event) {
  const port = event.ports[0]; // 获取通信端口对象
  port.onMessage((msg) => { // 监听接收到的消息
    switch (msg.action) {
      case 'send': // 根据收到的 action 执行对应的操作，并发送响应消息回去
        const response = handleMessage(msg.data); // 处理消息的函数逻辑实现细节省略...
        port.postMessage({ success: true, data: response }); // 返回响应给 content_script 端的 promise 处理程序中的 resolve 函数
        break;
      default: // 其他操作或未处理的消息可以返回错误响应或者忽略处理...
        port.postMessage({ success: false, error: 'Unknown action' }); // 错误处理或者忽略操作的具体逻辑细节省略...        break;    }  });});`; } );`); }; `这部分提供了基本通信架构的基础步骤和概念描述，完整的通信细节取决于你如何处理各种操作和数据的编码和解码过程，以及其他具体需求处理细节等实现过程还需要额外代码进行具体功能的扩展。你可以在调用相应的服务进行业务处理前和后都增加对promise的操作和监听响应来完成可靠性传输控制和管理操作的结果，以及对失败场景的异常处理。确保所有的通信操作都是基于promise进行的异步操作。需要注意的是在浏览器扩展中服务工作者通常不会直接与内容脚本通信，而是通过浏览器扩展的消息传递机制间接地进行通信和协作工作。请根据你的实际需求进行调整和完善这些示例代码片段，以匹配你的插件的实际需求和业务逻辑实现可靠通信和错误处理。