网页实现串口TCP数据通讯的两种方案

概述

串口和TCP数据通讯客户端的形式比较多，但是网页中用的比较少。
其实最大的是网页无法访问本地资源造成的，可能是出于安全方面考虑吧。
解决方案也不是没有，这里介绍几种供大家参考。
​

方案一：专用工具

先说重要的
这种方案必须使用专用的浏览器工具，你可以使用网页技术来开发软件，但必须在本工具内使用。
​

详细的可以参考这个文章HTML实现发送接收串口和TCP数据
​

工具下载地址：
链接：https://pan.baidu.com/s/1e-nLn1sd1wYSWMkrHFFTRw
提取码：53ch

方案二：兼容所有浏览器

还是先说重点
这种方案可以使用其他浏览器，比如chrome,火狐等等，但是客户端仍然需要安装一个软件。
原理就是客户端的软件与串口通讯，然后网页与本地客户端通讯，这样客户想使用什么浏览器就使用什么浏览器。
你仍然可以使用HTML开发语言来开发软件。
这种方案显示比上一种要好一些。
​
TCP通讯示例
http://ly.hnsrnd.com/test2.html

​​

网页demo:客户端下载地址：
链接：https://pan.baidu.com/s/1t1e-8aG7arMOXABIdgc3GA
提取码：1luj

备份下载地址：网页实现串口TCP数据通讯的方案

总结

目前市场的基本上都是上面两种方案，我知道你想要的那种方案，目前还没有，以后可能会有吧。但这需要WWW行业标准来推动，上面我也说了，出于安全方面考虑，这是把双刃剑，最后的落地时间不确定。还是自己先想办法解决吧。工

 

出处：https://www.cnblogs.com/zhupengfei/p/15739266.html

=======================================================================================

关于网页实现串口或者TCP通讯的说明

概述

最近经常有网页联系我，反馈为什么他按我说的方法，写的HTML代码，无法在chrome网页中运行。这里我统一做一个解释，我发现好多网页并没有理解我的意思。
其实，要实现在HTML中进行串口或者TCP通讯，有两种方案。

方案一：专用浏览器

具体的实现方法就是，一般会使用Cef来开发一个浏览器，然后将串口和TCP的通讯功能，扩展出来，以实现在HTML中，可以调用扩展脚本，实现通讯。相当于浏览器的壳代理了一下。
这种方案呢，你写的HTML通讯代码，就只能使用专用的浏览器，不支持在其他浏览器中使用。这个在我博客中能够找到案例。
这种方案的好处呢，就是你发给客户一个专用的浏览器，来展示你的平台系统。客户不需要安装其他的软件。

方案二：本地CS客户端代理

具体的实现方法就是，你写一个CS的代理程序实现通讯功能，同时开放出来一个websocket通讯API，网页呢，通过websocket与代理程序交互，实现通讯功能。因为HTML使用的是通用的websocket来实现串口通讯，所以主流浏览器都会支持。
这种方案呢，你写的HTML通讯代码，可以在任何浏览器上运行，任何通用浏览器都可以使用，但是必须在客户的电脑上安装一个CS客户端代理一下。
这种方案的好处呢，是你需要在客户电脑上安装一个代理程序，然后客户就不限制浏览器了，用啥浏览器都可以，不改变用户的使用习惯。

总结

由于浏览器考虑到安全，HTML在浏览器上访问时，是不允许访问本地资源的。本地资源包含本地的磁盘，串口设备等等。所以一般的HTML是无法实现通讯功能的。
很多同学，误以为有什么捷径可以实现，其实是没有的。我的这两种方案只是一种拆中的方案，可以变相的实现而已，体验上都会有折扣。
而且通常情况下windows平台用户会多一些，一般不考虑多平台。
在网页中实现通讯功能的，多数也还是用CS来实现，毕竟相对稳定一些。
如果场景比较少，可以采用上面的方案。
技术没有对与错，在什么情况下最合适就用什么技术，这就是对的。

 

出处：https://www.cnblogs.com/zhupengfei/p/16842256.html