uniapp使用websocket通信

最新推荐文章于 2024-07-22 11:30:35 发布

蜗牛君子

最新推荐文章于 2024-07-22 11:30:35 发布

阅读量3.6k

点赞数 1

分类专栏： uni-app 文章标签： uni-app websocket

本文链接：https://blog.csdn.net/moonlighting_/article/details/115205899

版权

uni-app 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

简要记录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--------")
				},
			})