websocket+ts前端demo

websocket使用

它可以在用户的浏览器和服务器之间打开交互式通信会话

全局变量用于更改和保存信息

const wsUrl = "wss://baidu.com/ws"; // websocket 默认连接地址
let websocket: any; // 用于存储实例化后websocket
let needReconnect = false; // 连接成功过后需要设置发送间隔
let websocketTimeout = 0; // 保存重连延迟函数
//设置心跳配置,定时发送信息，确保连接成功
const heartCheck = {
   
    timeout: 3000, // 定时发送socket
    timeoutSend: 0, // 发送socket延迟函数
    serverTimeoutNumber: 0, //延迟关闭连接
    reset() {
   
        this.clear();
        this.start();
    },
    start() {
    // socket连接发送
        const self = this;
        this.timeoutSend = window.setTimeout(() => {
   
            if (websocket) {
   
                websocket.send(JSON.stringify({
    action: 'ping', type: