当前位置: 首页 > news >正文

前端使用webSocket与后台建立连接并进行心跳监测机制

1:前端代码如下
首先项目中需要引入websocket

  // WebSocket对象方法getWebSocket(){// 创建一个 websocket 连接var ws = new WebSocket("ws://10.66.78.118:8085/api/cloud/ws");// websocket 创建成功事件ws.onopen = function (event) {window.setInterval(function ping() {ws.send('Hello, WebSocket!'); // 发送一条消息console.log('已发送消息');}, 10000);console.log('WebSocket连接成功',event);};// websocket 接收到消息事件ws.onmessage = function (e) {const messageContent = JSON.parse(e.data);console.log('收到消息:', messageContent);var msg = JSON.parse(e.data);console.log(msg,'消息事件')}// 关闭ws.onclose = function close() {console.log('Disconnected');};// websocket 错误事件ws.onerror = function (error) {console.error('WebSocket error observed:', error);};}

2.在页面初始化的时候调用getWebSocket此方法

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • AWS基础知识
  • 专业PDF编辑工具:Acrobat Pro DC 2024.002.20933绿色版,提升你的工作效率!
  • WPF/C#:实现导航功能
  • 【go】Excelize处理excel表 带合并单元格、自动换行与固定列宽的文件导出
  • JCR一区级 | Matlab实现PSO-Transformer-LSTM多变量回归预测
  • PWM再理解(1)
  • 【Node.js】初识 Node.js
  • CentOS 8中 更新或下载时报错:为仓库 ‘appstream‘ 下载元数据失败 : Cannot prepare internal mirrorlist
  • 彻底解决idea的编解码问题
  • c# .net core中间件,生命周期
  • 物联网实训室的核心功能有哪些?
  • WebPack5.0 快速入门
  • 什么是diff算法?
  • C++20中的constinit说明符
  • 【数据结构】二叉树———Lesson2
  • Android开发 - 掌握ConstraintLayout(四)创建基本约束
  • Date型的使用
  • JavaScript-Array类型
  • JavaScript中的对象个人分享
  • java概述
  • js操作时间(持续更新)
  • JS函数式编程 数组部分风格 ES6版
  • js写一个简单的选项卡
  • js学习笔记
  • laravel5.5 视图共享数据
  • MobX
  • Redis的resp协议
  • Sublime text 3 3103 注册码
  • Web Storage相关
  • 翻译:Hystrix - How To Use
  • 聚类分析——Kmeans
  • 批量截取pdf文件
  • 前端设计模式
  • 如何合理的规划jvm性能调优
  • 实战:基于Spring Boot快速开发RESTful风格API接口
  • 手机端车牌号码键盘的vue组件
  • 学习笔记:对象,原型和继承(1)
  • 原生Ajax
  • 在Docker Swarm上部署Apache Storm:第1部分
  • 职业生涯 一个六年开发经验的女程序员的心声。
  • MiKTeX could not find the script engine ‘perl.exe‘ which is required to execute ‘latexmk‘.
  • ​浅谈 Linux 中的 core dump 分析方法
  • #laravel 通过手动安装依赖PHPExcel#
  • (1)无线电失控保护(二)
  • (2)空速传感器
  • (32位汇编 五)mov/add/sub/and/or/xor/not
  • (8)STL算法之替换
  • (蓝桥杯每日一题)love
  • (五)c52学习之旅-静态数码管
  • (详细文档!)javaswing图书管理系统+mysql数据库
  • (原+转)Ubuntu16.04软件中心闪退及wifi消失
  • (转)可以带来幸福的一本书
  • * CIL library *(* CIL module *) : error LNK2005: _DllMain@12 already defined in mfcs120u.lib(dllmodu
  • .net 使用$.ajax实现从前台调用后台方法(包含静态方法和非静态方法调用)
  • .NET 使用配置文件