开发指南147-WebSocket-前端

监控大屏等应用,如果用定时刷新模式有很多缺点:

1、有延迟。

2、浪费带宽。

所以,更好的模式是浏览器进入大屏页面时建立websocket,后台接收到信号时,主动推送数据到前端页面。

前端应用主要封装在qlm_websocket.js中。

使用该js,需要先安装核心依赖:npm install sockjs-client@1.6.1 @stomp/stompjs@7.0.0

首先在main.js中挂接该js:

import WsPlugin from './utils/qlm_websocket'

// 挂接websocket底层

Vue.use(WsPlugin)

以后可以用this.$ws来访问该组件

相关推荐
吴声子夜歌1 小时前
Nginx应用与运维——Nginx Web服务应用实战(伪流媒体服务器的搭建)
运维·前端·nginx
ss2731 小时前
AI全栈实战 | 2.4-01 Node 与前端工程化:前端为什么离不开 Node,它不只是构建工具的宿主
前端
aixingpan1 小时前
aixingpan.cn API开发文档:api_docs_transit接口指南
前端·php
鬓戈1 小时前
Volta:解决 nvm「不能同时存在多个 Node 版本」的痛点
前端
吴声子夜歌1 小时前
Nginx应用与运维——Nginx Web服务应用实战(HTTP增强协议服务器的搭建)
运维·前端·nginx
扶风ff10 小时前
新品知识更新太快?用练题簿在线刷题,安排企业培训的小测与复盘
前端·学习·小程序
对空六课11 小时前
支持注意力分析的热力图工具有哪些?
前端·数据库·数据分析
Csvn12 小时前
Vue3 响应式与编译:依赖收集如何升级为节点级靶向更新
前端
星栈13 小时前
pnpm 12 升级实测
前端·javascript