用vue实时监听多个用户扫描二维码

前言:想多个用户同时扫描不卡顿的话,二维码在前端生成最佳,最好是用websocket不然后端压力很大,如果是app的话,最好用mqtt之类的消息队列组件,减少后台压力,不能用mqtt的话,那就用websocket

app二维码扫描应用场景:提供一个二维码,让用户扫描,扫描完之后,自动更新一个二维码给下一个用户扫

第一方案:用websocket最好 效率最高时效性最好 但是缺点是容易断开连接 针对于容易断开连接的情况,处理方式如下:给用户一个手动刷新二维码的按钮,再加一个断线自动重连机制

第二方案setTimeout 或者setInterval

第三方案:就是后台给一个图片的固定地址,前端每个一秒钟重新加载一次二维码图片,后台发现二维码被扫描就自己换掉,这个是前端最省事的,不用做逻辑判断的

第四方案:前端一秒钟请求一次后台,也可以不是图片,后台把二维码内容给前端,前端发现二维码的内容个现在的内容不一致就重新绘制一个二维码编码,一致的话就不动,这样效率最高

 

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值