uniapp： WebSocket

uni.connectSocket()

1.创建一个 WebSocket 连接。

this.socketTask = uni.connectSocket({
	url: 'wss://web.******.com/wss',
	success: (res) => {
		console.log('链接成功')
	}
});

2.监听 WebSocket 连接打开事件

this.socketTask.onOpen((res) => {
	console.log('WebSocket连接已打开！');
	let data = {
		msg: '你好，测试',
		user_id: '1'
	}
	// 发送一条测试消息
	this.send(data)
});

3.通过 WebSocket 连接发送数据

send(data) {
	this.socketTask.send({
		data:data,
		success:(res=>{
			console.log(res,'发送成功')
		})
	})
},

4.监听 WebSocket 接受到服务器的消息事件

this.socketTask.onMessage(res=>{
	this.list = JSON.parse(res.data)
})

5.关闭 WebSocket 连接

close(){
	this.socketTask.close({
		success:(res=>{
			console.log(res,'已成功')
		})
	})
}

源码：

<script>
	export default {
		components: {},
		data() {
			return {
				socketTask: null,
				list:[]
			}
		},
		onLoad() {
			// 创建一个 WebSocket 连接。
			this.socketTask = uni.connectSocket({
				url: 'wss://web.******.com/wss',
				success: (res) => {
					console.log('链接成功')
				}
			});
			// 监听 WebSocket 连接打开事件
			this.socketTask.onOpen((res) => {
				console.log('WebSocket连接已打开！');
				let data = {
					msg: '你好，测试',
					user_id: '1'
				}
				// 发送一条测试消息
				this.send(data)
			});
			// 监听 WebSocket 接受到服务器的消息事件
			this.socketTask.onMessage(res=>{
				this.list = JSON.parse(res.data)
			})
		},
		methods: {
			// 通过 WebSocket 连接发送数据
			send(data) {
				this.socketTask.send({
					data:data,
					success:(res=>{
						console.log(res,'发送成功')
					})
				})
			},
			// 关闭 WebSocket 连接
			close(){
				this.socketTask.close({
					success:(res=>{
						console.log(res,'关闭成功')
					})
				})
			}
		},
	}
</script>