UNI-APP_WebSocket长连接通信，uni-app长连接

r囧r小猫 2022-10-09 02:54 417阅读 0赞

[uni-app官方文档][uni-app]

# uni.connectSocket #

示例代码：

let isReceive = true
    uni.connectSocket({   
    	url: 'ws://192.168.0.1:39001/socket',  	//服务器接口地址
    	success: function() {   
    		console.log("WebSocket连接成功");
    		uni.onSocketOpen(function(res) {   
    			console.log('WebSocket连接已打开！');  
    			uni.sendSocketMessage({   
    				data: JSON.stringify({ "code":10000}),  //发送数据
    				// data: "a6:12:12:12:12:12", 
    				success: function() {   
    					console.log("数据发送成功，数据为：" + JSON.stringify({ "code":10000}));  
    					//----------------------------------------- 
    					console.log("数据发送结束，开始接收");
    					uni.onSocketMessage(function(res) {   
    						isReceive = true;  
    						console.log('收到服务器内容：' + res.data);
    						//关闭 WebSocket 连接
    						// uni.closeSocket({ 
    						// success: function() { 
    						// console.log("websocket关闭成功"); 
    						// }, 
    						// fail: function() { 
    						// console.log("websocket关闭失败"); 
    						// } 
    						// }) 
    					})  
    					//-------------------------------------- 
    				},  
    				fail: function() {   
    					console.log("数据发送失败");  
    				}  
    			});  
    			uni.onSocketClose(function(res){   
    				console.log("websocket已关闭");  
    				if (isReceive == false) {   
    					uni.hideLoading();  
    					uni.showToast({   
    						title: "通信失败",  
    						icon:'none'  
    					})  
    				}  
    				else {   
    					// uni.hideLoading(); 
    				}  
    			})
    		})  
    	},  
    	fail: function(){   
    		uni.hideLoading();  
    		uni.showToast({   
    			title: "设备初始化失败",  
    			icon:'none'  
    		})  
    	}
    })  
    uni.onSocketError(function(res) {   
    	uni.hideLoading();  
    	console.log('WebSocket连接打开失败，请检查！');  
    	uni.showToast({   
    		title: "设备初始化失败",  
    		icon: "none"  
    	})  
    	return false;  
    });

[uni-app]: https://uniapp.dcloud.io/api/request/websocket?id=connectsocket

发表评论取消回复

表情：

评论列表（有 0 条评论，417人围观）

还没有评论，来说两句吧...

相关阅读

相关长连接、短连接

1. 短连接：短连接是一种即时连接方式，客户端发送请求后，服务器响应后立即关闭连接。每个请求和响应都需要建立新的连接，因此在频繁通

秒速五厘米/ 2024年02月21日 11:15/ 0 赞/ 92 阅读

相关 UNI-APP_WebSocket长连接通信，uni-app长连接

[uni-app官方文档][uni-app] uni.connectSocket 示例代码： let isReceive = true uni.con

r囧r小猫/ 2022年10月09日 02:54/ 0 赞/ 418 阅读

相关 Web 通信之长连接、长轮询（long polling）

基于HTTP的长连接,是一种通过长轮询方式实现"服务器推"的技术,它弥补了HTTP简单的请求应答模式的不足,极大地增强了程序的实时性和交互性。一、什么是长连接、长轮询？

阳光穿透心脏的1/2处/ 2022年08月21日 14:58/ 0 赞/ 176 阅读

相关 Web 通信之长连接、长轮询（long polling）

基于HTTP的长连接,是一种通过长轮询方式实现"服务器推"的技术,它弥补了HTTP简单的请求应答模式的不足,极大地增强了程序的实时性和交互性。一、什么是长连接、长轮询？

以你之姓@/ 2022年08月06日 12:21/ 0 赞/ 191 阅读

相关长连接与短连接

短连接是指通信双方有数据交互时，就建立一个TCP连接，数据发送完成后，则断开此TCP连接，一般银行都使用短连接。比如http的，只是连接、请求、关闭，过程时间较短,服

我就是我/ 2022年07月12日 14:14/ 0 赞/ 304 阅读

相关 Web 通信之长连接、长轮询（long polling）

[Web 通信之长连接、长轮询（long polling）][Web _ _ _long polling] 基于HTTP的长连接,是一种通过长轮询方式实现"服务器推"

淩亂°似流年/ 2022年07月11日 05:48/ 0 赞/ 224 阅读

相关 websocket 长连接

首先看一下什么是长连接,短连接长连接的定义: 长连接是一旦一个客户端登陆上服务器，其与服务器之间的连接就不关闭，不管他们之间进行了多少次交易，直到客户端退出登陆或

小灰灰/ 2022年05月23日 13:53/ 0 赞/ 246 阅读

相关 http长连接

基于HTTP的长连接,是一种通过长轮询方式实现"服务器推"的技术,它弥补了HTTP简单的请求应答模式的不足,极大地增强了程序的实时性和交互性。一、什么是长连接、长轮询？

不念不忘少年蓝@/ 2022年05月10日 08:50/ 0 赞/ 238 阅读

相关 Web 通信之长连接、长轮询（long polling）

[Web 通信之长连接、长轮询（long polling）][Web _ _ _long polling] 基于HTTP的长连接,是一种通过长轮询方式实现"服务

た入场券/ 2022年04月12日 11:56/ 0 赞/ 286 阅读

相关 Web 通信之长连接、长轮询（long polling）

基于HTTP的长连接,是一种通过长轮询方式实现"服务器推"的技术,它弥补了HTTP简单的请求应答模式的不足,极大地增强了程序的实时性和交互性。一、什么是长连接、长轮询？

女爷i/ 2022年03月31日 03:16/ 0 赞/ 234 阅读