uni-app websocket 连接搭建与信息接收处理

要点
  1. 全局websocket 连接
  2. 断线重连 (后台没有做心跳)
  3. 信息接收,跳转到对应页面
  4. 全局调用App.vue中的方法
websocket 处理

在App.vue中搭建连接
可参考uni-app示例中的websocket-global.vue

··· 
export default {
   
	data() {
   
		return {
   
			connected: false,
			connecting: false,
			socketTask: false,
			msg: false,
		}
	},
	methods: {
   
		connect() {
   
				if (this.connected || this.connecting) {
   
					/* uni.showModal({
						content: '正在连接或者已经连接,请勿重复连接',
						showCancel: false
					}) */
					return false
				}
				this.connecting = true
				uni.showLoading({
   
					title: '连接中...'
				})
				uni.connectSocket({
   
					url: "你的链接地址+用户信息" + '?token=' + uni.
  • 0
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值