WebSocket配置

最新推荐文章于 2024-01-18 20:00:00 发布

番茄炒蛋ing

最新推荐文章于 2024-01-18 20:00:00 发布

阅读量452

点赞数

文章标签： websocket 前端 javascript

本文链接：https://blog.csdn.net/weixin_46150351/article/details/129080184

版权

文章展示了如何配置WebSocket连接，包括创建WebSocket实例，监听连接状态、消息接收和错误处理。在uni-app环境中，使用uni.connectSocket方法进行配置，并绑定了打开、错误和消息事件的处理函数。

摘要由CSDN通过智能技术生成

WebSocket配置（随手记）

 var ws = new WebSocket(`wss://************`);
 // 获取连接状态
 console.log(ws, 'ws')
 console.log('ws连接状态：' + ws.readyState);
 //监听是否连接成功
 ws.onopen = function() {
 console.log('ws连接状态：' + ws.readyState);
 this.limitConnect = 0;
 //连接成功则发送一个数据
 ws.send('成功像服务器发送了一条消息')
 }
 setInterval(ws.onopen, 3000) // 每隔三秒发送消息
 // 接听服务器发回的信息并处理展示
 ws.onmessage = function(data) {
 console.log('接收到来自服务器的消息：');
 //完成通信后关闭WebSocket连接
 // ws.close();
 }
 // 监听连接关闭事件
 ws.onclose = function() {
 // 监听整个过程中websocket的状态
 console.log('ws连接状态：' + ws.readyState);
 // this.reconnect();
 }
 // 监听并处理error事件
 ws.onerror = function(error) {
 console.log(error);
 }

uni-app 配置

			uni.connectSocket({
				url: 'wss://**************',
			});
			uni.onSocketOpen(function(res) {
				console.log('WebSocket连接已打开！', res);
				that.demo()
			});
			uni.onSocketError(function(res) {
				console.log('WebSocket连接打开失败，请检查！', res);
			});
			uni.onSocketMessage(function(res) {
				console.log('收到服务器内容：' + res.data);
			});