首页 > 其他分享 >vues全局使用WebSocket 多次吊起

vues全局使用WebSocket 多次吊起

时间:2023-06-01 11:58:59浏览次数:35  
标签:function WebSocket socket 吊起 socketObj socketStr vues console log

// import { showInfoMsg, showErrorMsg } from '@/utils/popInfo'
// import ElementUI from 'element-ui';
import { Toast } from 'vant';

function initWebSocket(that,baseObj) {
    console.log(baseObj)
    console.log(this)
    console.log(that.socketObj)
    // return
    // const wsUri = WS_API + "/webSocket/" + e;
    // var wsUri ="ws://192.168.0.200:8005/qrCodePage/ID=1/refreshTime=5";
    var wsUri = "ws://192.168.11.87:8088/level/gauge/1/2"
    let socketStr = 'socket'+1+'a'+'2';
    that.socketObj[socketStr] = new WebSocket(wsUri)//这里面的this都指向vue
      // 监听socket连接
      that.socketObj[socketStr].onopen =  WebSocketOnopen;
     // 监听socket错误信息
     that.socketObj[socketStr].onerror = webSocketOnError;
     // 监听socket消息
     that.socketObj[socketStr].onmessage = webSocketOnMessage;
    // 监听socket关闭
    that.socketObj[socketStr].onclose = closeWebsocket;
}
// this.$websocket.close();//全局 关闭
// this.$websocket.initWebSocket(xxx); //全局 吊起
// 监听socket连接
function WebSocketOnopen(e) {
    console.log("socket连接成功")
    Toast("socket连接成功" )
}
 // 监听socket错误信息
function webSocketOnError(e) {
    console.log(e)
    Toast("WebSocket连接发生错误" + e)
}
// 监听socket消息
function webSocketOnMessage(e) {
    console.log(e)
   
    let messObj=JSON.parse(e.data)
    let socketStr = 'socket'+1+'a'+'2';
    if(messObj.code==500){
        this.close(socketStr) 
        Toast("断开了")
    }else{
        Toast("接收到信息了")
    }
    // console.log('错误信息',e)
    // const data = JSON.parse(e.data);
}

// 关闭websiocket
function closeWebsocket() {
    console.log('连接已关闭...')
}
function close(socketStr) {
    that.socketObj[socketStr].close() // 关闭 websocket
    that.socketObj[socketStr].onclose = function (e) {
        console.log(e)//监听关闭事件
        console.log('关闭')
    }
}
function webSocketSend(agentData) {
    that.socketObj.socket.send(agentData);
}
export default {
    initWebSocket, close
}

 

标签:function,WebSocket,socket,吊起,socketObj,socketStr,vues,console,log
From: https://www.cnblogs.com/dianzan/p/17448513.html

相关文章

  • vues全局使用WebSocket
    //import{showInfoMsg,showErrorMsg}from'@/utils/popInfo'//importElementUIfrom'element-ui';import{Toast}from'vant';functioninitWebSocket(baseObj){console.log(baseObj)//constwsUri=WS_API+&quo......
  • java服务端如何接入WebSocket?
    日常工作中,我们都是使用http请求,来进行前后交互,那么我们也会有使用websocket来进行前后交互的时候,那么它俩有什么区别呢?http和websocket区别WebSocket是双向通信协议,模拟Socket协议,可以双向发送或接受信息HTTP是单向的WebSocket是需要浏览器和服务器握手进行建立连接的而http......
  • 如何在 Go 中创建 WebSocket 应用程序
    要基于net/http库编写一个简单的WebSocket回显服务器,您需要:发起握手从客户端接收数据帧向客户端发送数据帧关闭握手首先,让我们创建一个带有WebSocket端点的HTTP处理程序://HTTPserverwithWebSocketendpointfuncServer(){http.HandleFunc("/",func......
  • [golang]gin框架接收websocket通信
    前言WebSocket是一种在单个TCP连接上进行全双工通信的协议。WebSocket让客户端和服务端之间的数据交换变得非常简单,且允许服务器主动向客户端推送数据,并且之后客户端和服务端所有的通信都依靠这个专用协议进行。本文使用gin框架编写服务端应用,配置路由接收websocket请求并处理。......
  • springboot整合websocket
    一、引入依赖<dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-web</artifactId></dependency><dependency><groupId&g......
  • 使用Node搭建一个本地的WebSocket服务
    首先创建一个目录,cd到目录下,npminit-y一路回车,安装一个插件npmiwebsocket建一个server.js文件constWebSocketServer=require('websocket').serverconsthttp=require('http')constport=8000lettime=0//创建服务器constserver=http.createServe......
  • 设置启动WebSocket并配置程序池
    开启WebSocket服务1.导航到“控制面板”>“程序”>“程序和功能”>“启用或禁用Windows功能”(位于屏幕左侧)。2.打开以下节点:“InternetInformationServices”>“万维网服务”>“应用程序开发功能”。3.选择“WebSocket协议”功能。选择“确定”。配置IIS应......
  • 轮询、长轮询、websocket
    轮询、长轮询、websocket一、轮询在一些需要进行实时查询的场景下应用比如投票系统:大家一起在一个页面上投票在不刷新页面的情况下,实时查看投票结果1、后端代码fromflaskimportFlask,render_template,request,jsonifyapp=Flask(__name__)USERS={......
  • SignalR WebSocket通讯机制
    1、什么是SignalRASP.NETSignalR是一个面向ASP.NET开发人员的库,可简化向应用程序添加实时Web功能的过程。实时Web功能是让服务器代码在可用时立即将内容推送到连接的客户端,而不是让服务器等待客户端请求新数据。SignalR使用的三种底层传输技术分别是WebSocket......
  • springboot集成websocket
    导入依赖1<dependency>2<groupId>org.springframework.boot</groupId>3<artifactId>spring-boot-starter-websocket</artifactId>4</dependency>编写配置类@ConfigurationpublicclassWebSocketConfig{@Beanpub......