uniapp websocket原生服务(自动重连心跳检测) Ba-Websocket

Posted 三杯五岳

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了uniapp websocket原生服务(自动重连心跳检测) Ba-Websocket相关的知识,希望对你有一定的参考价值。

简介(下载地址

Ba-Websocket 是一款原生websocket服务插件,可在后台运行。支持自动重连、心跳检测;支持常驻通知保活。

  • 支持开启服务、停止服务
  • 支持发送消息、接收消息
  • 支持自动重连、心跳检测
  • 支持常驻通知保活
  • 支持查询服务开启状态
  • 支持监听websocket连接状态
  • 支持多页面订阅消息
  • 支持设置唯一标识,以区分设备

使用方法

引用

script 中引入组件

	const websocket = uni.requireNativePlugin('Ba-Websocket')

示例

可在页面 script 中调用(示例参考,可根据自己业务和调用方法自行修改)

<script>
	const websocket = uni.requireNativePlugin('Ba-Websocket')
	export default 
		data() 
			return 
				wsUrl: "ws://你的websocket地址",
				deviceId: "deviceId",
				heartBeatEate: 60,
				msg: '发送的消息',
				msgList: []
			
		,
		onLoad() 
			this.receiveMsg();
			this.subStatus();
		,
		methods: 
			start()  //开启 websocket 服务
				websocket.start(
					wsUrl: this.wsUrl,//websocket地址
					deviceId: this.deviceId,//唯一标识,用于区分(注意,有值时,websocket的真实请求地址为:wsUrl+'/'+deviceId)
					heartBeatEate: this.heartBeatEate,//心跳,默认3分钟,单位秒
				, res => 
					console.log(res);
					uni.showToast(
						title: res.msg,
						icon: "none",
						duration: 3000
					)
				);
			,
			stop()  //停止服务
				websocket.stop(res => 
					console.log(res);
					uni.showToast(
						title: res.msg,
						icon: "none",
						duration: 3000
					)
				);
			,
			receiveMsg()  //接收消息
				websocket.receiveMsg(res => 
					console.log(res);
					if (res.ok) 
						this.msgList.unshift(res.msg)
					
				);
			,
			sendMsg()  //发送消息
				websocket.sendMsg(
					msg: this.msg
				, res => 
					console.log(res);
					uni.showToast(
						title: res.msg,
						icon: "none",
						duration: 3000
					)
				);
			,
			subStatus()  //监听 websocket 连接状态
				websocket.subStatus(res => 
					console.log(res);
					if (res.ok) 
						let msg = res.msg +
							" service:" + res.serviceStatus +
							"; websocket:" + res.websocketStatus;
						this.msgList.unshift(msg)
					
				);
			,
			getStatus()  //获取 websocket 服务开启状态
				websocket.getStatus(res => 
					console.log(res);
					if (res.ok) 
						let msg =
							" service:" + res.data.serviceStatus +
							"; websocket:" + res.data.websocketStatus;
						this.msgList.unshift(msg)
					
				);
			,
		
	
</script>

方法清单

名称说明
start开启 websocket 服务
stop停止服务
receiveMsg接收消息
sendMsg发送消息
subStatus监听 websocket 连接状态
getStatus获取 websocket 服务开启状态

start 方法参数

开启 websocket 服务

属性名类型必填默认值说明
wsUrlStringtrue‘’websocket地址
deviceIdStringfalse‘’唯一标识,用于区分(注意,有值时,websocket的真实请求地址为:wsUrl+‘/’+deviceId)
heartBeatEateNumberfalse180心跳,默认3分钟,单位秒
isNotificationBooleanfalsetrue是否开启通知,建议开启,有一定保活作用,默认 true
channelIdStringfalse‘com.ba.ws.N1’通知渠道 id
channelNameStringfalse‘WS’通知渠道 name

receiveMsg 接收参数

接收消息

属性名类型说明
msgString消息内容

sendMsg 方法参数

发送消息

属性名类型必填默认值说明
msgStringtrue‘’发送消息内容

subStatus 接收参数

监听 websocket 连接状态

属性名类型说明
websocketStatusBooleanwebsocket 连接状态,true已连接,false已断开

getStatus 获取参数

获取 websocket 服务开启状态

属性名类型说明
dataobj获取的内容,serviceStatus为服务开启状态,websocketStatus为websocket连接状态

系列插件

图片选择插件 Ba-MediaPicker文档

图片编辑插件 Ba-ImageEditor文档

文件选择插件 Ba-FilePicker文档

应用消息通知插件 Ba-Notify文档

应用未读角标插件 Ba-Shortcut-Badge文档

应用开机自启插件 Ba-Autoboot文档

扫码原生插件(毫秒级、支持多码)Ba-Scanner-G文档

扫码原生插件 - 新(可任意自定义界面版本;支持连续扫码;支持设置扫码格式)Ba-Scanner文档

动态修改状态栏、导航栏背景色、字体颜色插件 Ba-AppBar文档

原生sqlite本地数据库管理 Ba-Sqlite文档

安卓保活插件(采用多种主流技术) Ba-KeepAlive文档

安卓快捷方式(桌面长按app图标) Ba-Shortcut文档

自定义图片水印(任意位置) Ba-Watermark文档

最接近微信的图片压缩插件 Ba-ImageCompressor文档

视频压缩、视频剪辑插件 Ba-VideoCompressor文档

动态切换应用图标、名称(如新年、国庆等) Ba-ChangeIcon文档

原生Toast弹窗提示(可穿透所有界面) Ba-Toast文档

图片涂鸦、画笔 Ba-ImagePaint文档

pdf阅读(手势缩放、显示页数) Ba-Pdf文档

声音提示、震动提示、语音播报 Ba-Beep文档

websocket原生服务(自动重连、心跳检测) Ba-Websocket文档

以上是关于uniapp websocket原生服务(自动重连心跳检测) Ba-Websocket的主要内容,如果未能解决你的问题,请参考以下文章

uniapp即时聊天 websocket封装(建立连接断线重连心跳机制主动关闭)

uniapp即时聊天 websocket封装(建立连接断线重连心跳机制主动关闭)

WebSocket心跳重连讲解

接入WebSocket

微信小程序实现WebSocket心跳重连

websocket自动断开重连