uniapp使用websocket通信

简要记录uni-app中使用websocket进行通信

1. 初始化

定义全局变量webSocketTask: {}

onLoad()中使用uni.connectSocket建立websocket长链接

this.webSocketTask = uni.connectSocket({
				url: common.wsUrl() + ':8082/websocket/' + this.userId,
				success: () => {
					console.info("-------connectSocket success--------")
				},
				fail: () => {
					console.info("-------connectSocket fail--------")
				},
				complete: () => {
					console.info("-------connectSocket complete--------")
				}
			});

监听WebSocket连接打开事件

this.webSocketTask.onOpen((res) => {
				console.info("----webSocketTask---websocketOpen--------")
			});

监听WebSocket错误

	uni.onSocketError((res) => {
				console.info("-------websocketerror--------" + res)
			});

接收websocket消息及处理

			this.webSocketTask.onMessage((res) => {
				let wsData = JSON.parse(res.data);
				console.info("------接收webSocketTask消息--------" + res.data)
			});

2. 发送websocket消息

自定义json对象作为传递参数，接收时对应解析

		const wsData = {
				    content: '',
				   	type: '0'
			     }
		this.webSocketTask.send({
			data: JSON.stringify(wsData)
		});

3. 关闭websocket

记得在需要时或离开页面时onUnload()关闭websocket

			uni.closeSocket({
				success: () => {
					console.info("-------close websocket success--------")
				},
				fail: () => {
					console.info("-------close websocket fail--------")
				},
			})