uniapp h5端使用 socket io请求

原创已于 2022-03-10 18:02:30 修改 · 1.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#http #websocket #前端

于 2022-03-10 17:31:09 首次发布

socket 专栏收录该内容

1 篇文章

订阅专栏

该博客内容涉及在H5端使用socket.io建立WebSocket连接，包括初始化连接、重连、连接成功、消息监听、断开及关闭事件的处理。源码中提供了不同状态的回调函数，用于管理和响应socket的生命周期。

socket io源码下载地址。里面有三个版本的源码

			//先引入socket io的源码
			import io from '@/util/weapp.socket.io.js';			

			let that = this
			//h5端socket
			
			// http协议socket ,注只支持http协议，ws的可以试试，我也没试过（手动滑稽）
			that.socket = io("", {
				transoirts: ["websocket"]   
			});
			// 重新连接
			that.socket.on('reconnect', attemptNumber => {
				console.log('成功重连', attemptNumber);
			});
			// 连接成功
			that.socket.on('connect', function(res) {
				// 连接成功时先发送一次消息
				_self.send();
			});
			that.socket.on('msg', function(data) {
				console.log(data, '123')
			});
			that.socket.on("send_fd", function(data) {
				console.log('发送', data)
			});
			that.socket.on("msgcallback", function(data) {
			  // console.log(data);
				uni.setStorageSync('listsermins', data)  //、返回的数据
			});
			that.socket.on('disconnect', reason => {
				console.log(reason)
			});
			thats.socket.on('close', function(data) {
				console.log('关闭');
			});