[网络协议]uni-app中WebSocket的封装及使用

common/js/webSocket.js

import Vue from 'vue'; 
const _this = Vue.prototype;


let socketOpen = false; //判断是否连上
let lockReconnect = false;//避免重复连接
let tips = 1; //1成功 2 失败
let timer = '';

function sokcet(url,sucessCallBack){
	uni.closeSocket();
	socketOpen = false;
	try{
		// 创建一个 WebSocket 连接。
		uni.connectSocket({
			url: url,
			success:function(res){
				tips = 1;
			},
			fail:function(err){
				tips = 2;
			},
		});
		// 监听WebSocket连接已打开
		uni.onSocketOpen(function (res) {
		  console.log(res,'WebSocket连接已打开！');
		  socketOpen = true;
		  //心跳检测重置
		  // heartCheck.start();
		  heartCheck.reset().start();   // 成功建立连接后，重置心跳检测
		  return socketOpen;
		});
		// 监听连接失败
		uni.onSocketError(function (err) {
		    console.log('WebSocket连接打开失败，请检查！',err);
			reconnect(url);
		});
		// 监听连接关闭
		uni.onSocketClose(function (err) {
			console.log('WebSocket连接关闭！',

开通VIP 解锁文章