文章目录

• 前言。
• • 1、打开串口 提示用户选择串口(由于浏览器安全策略＀)c;用户必须选择一次)
  • 2.读取数据。
  • 3、分析函数。
  • • 值得注意的点：
  • 1、如果你不想让用户每次都选择串口 用户选择的串口可以使用公共变量 存储(cookie和localstorage不好)。 打开或关闭同一串。重复使用。
• 总结。

前言。

一：Web Serial API 是什么？
串口是双向通信接口，允许字节发送和接收数据。

Web Serial API为网站提供了一种使用JavaScript读写串行设备的方法。串行设备可通过用户系统上的串行端口连接，可移动USB也可以通过模拟串行端口与蓝牙设备连接。

换句话说，，Web Serial API通过允许网站与串行设备(如微控制器和3D打印机)通信连接网络和物理世界。

API是JS本身navigator对象上独特的，因此，与任何框架开发都无关，不管你是用Vue还是React开发的。
使用API需要服务器使用https协议，同时，建议使用httpp进行本地开发://localhost:端口号。

2.使用步骤。
大致使用步骤如下：
1、请求用户授权访问串行端口
2、设置串行端口的参数，例如波特率、数据位、停止位、奇偶校验等。
2、打开和关闭串行端口
3、读写串行数据。
4、监控串行设备的数据。
三：具体代码

1、打开串口 提示用户选择串口(由于浏览器安全策略＀)c;用户必须选择一次)。

async。test。()。{ 。uint8Array。[。 i。+1。]。 ;charCode。=(。(。 byte1。&0x1F。)。 <<6。)。|。(。byte2。&0x3F。)。 ;i。+=2。; }。else。{ 。let。byte2。=uint8Array。[。 i。+1。]。 ;let。byte3。=uint8Array。[。 i。+2。]。 ;charCode。=(。(。 byte1。&0x0F。)。 <<12。)。|。(。(。byte2。&0x3F。)。 <<6。)。|。(。byte3。&0x3F。)。 ;i。+=3。; }。string。+=String。.。 fromCharCode。(。charCode。)。;}。return。string。;}。值得注意的点：1、如果你不想让用户每次都选择串口 用户选择的串口可以使用公共变量 存储(cookie和localstorage不好。)。这样，您就可以在不同的页面上 打开或关闭同一串口。重复使用。总结。

这是一个更方便的，网页和串口通信技术。缺点是刷新页面时必须选择串口。因此，适用于页面不会频繁刷新的场景。