Skip to content

网页端到tcp客户端双向实时通讯的小例子

Notifications You must be signed in to change notification settings

pipipixx/tcp-ws

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 

Repository files navigation

tcp-ws

网页端到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"}里的值模拟数据的改变.

可打开多个浏览器页面,可实现多个页面同时更新终端数据.

About

网页端到tcp客户端双向实时通讯的小例子

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published