Vue使用websocket进行心跳连接

2021-05-28 20:01

阅读:626

标签:img   ase   obj   连接失败   生成二维码   ast   连接错误   ant   tostring   

Vue页面template

>

Vue页面js

>

其他js

/**
 * 返回uuid
 */
s.uuid = function () {
    function S4() {
       return (((1+Math.random())*0x10000)|0).toString(16).substring(1);
    }
    return (S4()+S4()+"-"+S4()+"-"+S4()+"-"+S4()+"-"+S4()+S4()+S4());
}

import QRCode from ‘qrcode‘ 
/**
 * body 二维码的内容
 * 生成二维码的 画布id
 */
s.qrcode = function(body,id){
    var canvas = document.getElementById(id)
    QRCode.toCanvas(canvas, body, function (error) {
        if (error){
            console.error(error)
        } else{
            console.log(‘success!‘);
        }
    })
}

部分截图

 
技术图片
QQ截图20181218170335.jpg
 
技术图片
QQ截图20181218170907.jpg

用途

  1. 即使通讯
  2. 消息通知
  3. 封装当前页面地址到APP内
    使用电视(安卓)安装APP
    扫码进行长连接通信,传递权限和一些参数,当前页面获取参数进行展示不同的可视化数据或报表等信息。

  

转自:https://www.jianshu.com/p/09b91b9a778f 

Vue使用websocket进行心跳连接

标签:img   ase   obj   连接失败   生成二维码   ast   连接错误   ant   tostring   

原文地址:https://www.cnblogs.com/javalinux/p/14768957.html


评论


亲,登录后才可以留言!