uniapp websocket的封装与使用

最新推荐文章于 2024-05-27 15:55:16 发布

KANGJINGJ

最新推荐文章于 2024-05-27 15:55:16 发布

阅读量789

点赞数 1

分类专栏： uniapp 前端文章标签： uni-app websocket javascript

本文链接：https://blog.csdn.net/m0_70716007/article/details/137111342

版权

一、新建websocket.js文件

在common目录下新建一个websocket.js文件，完整代码如下

class websocketUtil {
	constructor(url, time) {
		this.is_open_socket = false //避免重复连接
		this.url = url //地址
		this.data = null
		//心跳检测
		this.timeout = time //多少秒执行检测
		this.heartbeatInterval = null //检测服务器端是否还活着
		this.reconnectTimeOut = null //重连之后多久再次重连
		try {
			return this.connectSocketInit()
		} catch (e) {
			console.log('catch');
			this.is_open_socket = false
			this.reconnect();
		}
	}

	// 进入这个页面的时候创建websocket连接【整个页面随时使用】
	connectSocketInit() {
		this.socketTask = uni.connectSocket({
			url: this.url,
			success: () => {
				console.log("正准备建立websocket中...");
				// 返回实例
				return this.socketTask
			},
		});
		this.socketTask.onOpen((res) => {
			console.log("WebSocket连接正常！");
			clearTimeout(this.reconnectTimeOut)
			clearTimeout(t