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

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published