html5怎么和单片机通讯

html-css015

html5怎么和单片机通讯,第1张

html5和单片机通讯:要是实物最好用rs232连接通信。两个单片机之间串口通信,是用proteus仿真,两个单片机的rxd,txd交叉连接就行了。要是实物最好用rs232连接通信,距离可以达到几十米。再远点距离,用rs485连接通信。

串口服务器 ,也被成为串口到以太网转换器、串口设备服务器。它是终端服务器通过TCP/IP服务器的串口进行数据传输,然而所有这些名称都是相同类型的设备,基本是将串行的RS232、RS485或RS422接口链接到串口服务器的串口端,传输数据到以太网数据包,同时可以将数据包再传回至RS232、RS485或RS422串口端,实现数据双向透传。串口服务器具有自己的实际IP地址,这就是为什么它有时被称为服务器的原因。

原理: 计算机串口(COM端口)和以太网局域网(LAN)之间传输数据的设备。这使得可以使用以太网代替串行电缆,最大限度地减少工作站的混乱,并允许将串行设备放置在距离计算机较远的位置。

作用: 串口服务器可实现串口(RS232/485/422)到以太网口的数据的双向透明传输。串口服务器内部模块自行完成协议转换。串口侧是串口电平数据,以太网口侧是网络数据包,通过简单设置即可实现联网功能。

串口服务器在实际使用过程中,是将TCP/IP协议的以太网接口映射到计算机的标准串口上,类似对普通串口一样进行收发数据。也就是说通常计算机上有1个硬盘,通过串口服务器可并联出多个硬盘。比如一般极端及上有COM1和COM2两个端口,通过串口服务器可以将其映射出COM3、COM4、COM5等多个端口来。

有人科技提供相关的串口服务器使用方法,请点击:

串口服务器的连接方法 :https://www.usr.cn/News/720.html

串口服务器的使用方法 :https://www.usr.cn/News/1305.html

串口服务器的参数设置 :https://www.usr.cn/News/1465.html

串口服务器如何与组态王连接 :https://www.usr.cn/Down/Software/M4-1.pdf

串口服务器的应用领域比较广泛,通常与工业路由器或工业交换机搭配使用。例如无人值守称重、远程考勤、门禁道闸等。

电气火灾报警应用: 串口服务器与电气火灾报警器的RS232/485串口进行联网通讯,将报警信息快速传输至云平台,提醒工作人员排除火情。

智慧厂矿照明: 传统的厂矿照明设施多是“人管灯”,无法做到与生产、监控联动,造成能源浪费。串口服务器与串口照明设备联网通信,方便照明控制,还能实现设备故障主动上报等功能。

自来水厂供水监控: 目前,自来水厂的供水系统仍是基于串口的组网通讯,只适合单机操作且传输距离有限,系统维护困难。串口服务器可提供通过TCP Server模式实时监控水厂设备工作详情。

最近受朋友之托试图用web前端实现串口调试助手,一开始觉得不太有可行性,以前用过的串口调试助手都是客户端程序。觉得浏览器怎么会有调用电脑上的串口的功能呢。后来朋友找了几个资料给我,说网上有人实现,他看不懂。我看了之后恍然大悟,原来是用node。如此万能。

node 实现操作串口的模块是一个 serialport 的模块,网上一搜有很多好文,此处记录一下实现过程中遇到的一些问题以及解决方法。

一开始被忽略的问题 ,我把 node 服务搭在自己的服务器上,后来返回的串口数组全是一堆令我懵逼的数据。后来想起那是 node 读取了我的

Linux 服务器的串口,而不是用户使用的 pc。

由此引出的两个问题。第一,node 服务必须搭建在用户使用的 pc 上,因此用户使用的电脑必须有 node 环境。第二,用户 pc 一般是 windows 系统, node 的模块很多在 Linux 上很容易安装成功,在 Windows 上安装比较困难。

首先解决的是第二个问题:在Windows上安装serialport失败

解决方法: npm install --global --production windows-build-tools

参考链接1: https://stackoverflow.com/questions/33142357/unable-to-install-node-js-serialport-npm-package-on-windows

参考链接2: https://github.com/nodejs/node-gyp#installation

安装好之后就可以安装 serialport 模块了。

解决第一个问题:用户电脑的 node 环境

解决方法: electron ——使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用 (官网链接: https://electronjs.org/ )(w3c: https://www.w3cschool.cn/electronmanual/wcx31ql6.html )

使用 electron 搭建的桌面应用可以像平常我们使用的 exe 应用程序一样直接运行,不需要搭建环境。

npm install -g electron-prebuilt //提示electron-prebuilt已经更名为electron

npm install -g electron //安装失败

使用淘宝镜像安装问题解决: cnpm install -g electron

参考链接: http://blog.csdn.net/upc_xbt/article/details/53342129

解决方法: npm install -g electron-rebuild

以后每次重新运行 electron . 的时候再执行一次 ``./node_modules/.bin/electron-rebuild` 对原生模块进行rebuild

参考链接: https://www.w3cschool.cn/electronmanual/eqsc1qko.html

参考链接: http://m.blog.csdn.net/u014563989/article/details/75045052

cnpm install -g electron-packager //安装打包工具

electron-packager . 可执行文件的文件名 --win --out 打包成的文件夹名 --arch=x64位还是32位 --version版本号 --overwrite --ignore=node_modules

因为打包的时候执行的命令带有 --ignore=node_modules , 即不将 node_modules 里面的依赖包打包,所以在打包后的新文件中,进入resource 目录会发现 node_modules 是一个空文件夹,所以自然找不到依赖包。如果去掉打包时的命令参数 --ignore=node_modules ,则需要非常长的打包时间。我的解决方法是将原来 node_modules 文件夹中的相关的依赖包文件复制进打包后的 node_modules 中,虽然是一个比较无脑的方法,每次打包都要拖动相关文件进去,不过我备份了一个 node_modules 文件夹,下一次打包后就把备份的 node_modules 直接复制进去。

node 模块 ccap : 用于生成验证码图片,可以在 express 后台

res.send(图片) ,前端的 img 的 src设置为请求这个接口。

ccap的用法可以参考链接: https://cnodejs.org/topic/50f90d8edf9e9fcc58a5ee0b