网页端到tcp客户端双向实时通讯的小例子
适用于物联网设备的接入,网页端实时监控等类似应用场景.
下载之后进入文件夹,控制台执行npm install安装依赖包.
安装完毕后npm start启动,控制台提示http,websocket,tcp三个服务启动完毕,则程序正常运行.端口根据自己的需求更改.
打开浏览器,输入http服务的地址,可看到程序的界面.
使用tcp调试助手连接服务器,使用{"deviceNum":"xx22","login":"true"}这种json格式的数据执行tcp客户端登录,浏览器界面会增加一个显示在线客户端的块, 使用{"deviceNum":"xx22","sendData":"true","data":{"key1":"123","key2":"abc","key3":"abc123"}}这种json格式的数据发送实时数据,浏览器界面会实时更新数据的值.点击浏览器界面上的发送按钮,查看tcp调试助手,可实现浏览器到tcp客户端的实时通讯.
数据格式详见工程里的"通讯信息格式"文件,可使用多个tcp调试助手同时连接,改变"data":{"key1":"123","key2":"abc","key3":"abc123"}里的值模拟数据的改变.
可打开多个浏览器页面,可实现多个页面同时更新终端数据.