网站上的谷歌浏览器扩展串口

Question

我使用 chrome.serial 与 COM 端口上的设备通信，我需要在我的网站上为 javascript 提供基本的 api。 第一次尝试是使用 content_script + 消息传递，但我不能对content_script使用serial权限，因为其中一个需要扩展才能打包应用程序，另一个需要扩展。 我可以解决这个问题吗？

Answer 1

您可以通过chrome extension来解决此问题，以支持内容脚本和packaged app以便与外部消息通信进行串行端口通信

使用管理API获取扩展ID，并为单个消息通信建立连接 。

在从另一个分机发送消息时触发消息外部 。

参考

• 内容脚本
• 串行API
• 打包APP
• Chrome扩展程序
• 管理API
• 扩展API

Answer 2

更新到这个线程，他们可以使用 Web Serial 使用 web 与串口通信。

https://web.dev/serial/

Answer 3

的index.html

<button>Connect</button>
<script src="main.js"></script>

main.js

var connectionId;

/* Converts a string to UTF-8 encoding in a Uint8Array; returns the array */

var str2ab = function(str) {
   var encodedString = unescape(encodeURIComponent(str));
   var bytes = new Uint8Array(encodedString.length);
   for (var i = 0; i < encodedString.length; ++i) {
      bytes[i] = encodedString.charCodeAt(i);
   }
   return bytes.buffer;
};

var options = {
  'bitrate': 115200,
  'dataBits': 'eight',
  'parityBit': 'no',
  'stopBits': 'one'
}

document.addEventListener('DOMContentLoaded', function () {
  document.querySelector('button').addEventListener('click', btnSend);
  chrome.serial.connect('COM3', options, function(info) {
    connectionId = info.connectionId;
    console.log("Connection established.");
  });
});

var btnSend = function() {
  var msg = "hello printer 123456\n";
  chrome.serial.send(connectionId, str2ab(msg), function() {} );
}

的manifest.json

{
  "name": "Printer at COM3 test",
  "version": "1",
  "manifest_version": 2,
  "permissions": ["serial"],
  "minimum_chrome_version": "23",
  "icons": {
    "16": "icon_16.png",
    "128": "icon_128.png"
  },
  "app": {
    "background": {
      "scripts": ["launch.js"]
    }
  }
}

launch.js

chrome.app.runtime.onLaunched.addListener(function() {
  chrome.app.window.create('index.html', {
    id: "mainwin",
    innerBounds: {
      width: 320,
      height: 240
    }
  });
});