Skip to content

qmtdlt/wtm_vue_signalr_tcp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 

Repository files navigation

demo 描述

下位机通过tcp,将一个随机数发送到 web api应用,web api 收到tcp 数据后通过signalr将 tcp 数据发送到 vue 前端,前端绘制曲线

使用框架介绍

使用 wtm(vue) 框架,sqlserver 数据库,自己集成signalr

运行

  1. 下载后直接运行后端,会生成数据库,并还原前端 npm 包
  2. 后端运行后,进入前端clientApp目录,使用 yarn start 命令启动前端
  3. 默认登录 admin 密码 000000
  4. 进入 tcp_client 的bin/debug目录,运行可执行程序,点击“测试线程发送”按钮,vue 前端就能看到曲线更新

后端运行

image

tcp 测试工具运行

image

前端曲线

image

bug 说明

如图,指定使用sse模式,则运行正常 image 如图,不指定模式,默认使用websocket,会出现两分钟后报错,降级到sse image