React reconnecting-websocket的使用

最新推荐文章于 2024-08-08 08:25:52 发布

Aglaia720

最新推荐文章于 2024-08-08 08:25:52 发布

阅读量1.3k

点赞数 3

文章标签： websocket react.js

本文链接：https://blog.csdn.net/weixin_41025720/article/details/123048242

版权

本文介绍了使用`reconnecting-websocket`库在JavaScript中安装、引入及建立WebSocket连接的方法。当连接出现错误或关闭时，代码会触发重新连接，并设置定时发送心跳消息。在接收到错误或关闭事件时，如果存在授权信息，会尝试重新建立连接。

摘要由CSDN通过智能技术生成

1:安装方式: cnpm i reconnecting-websocket
2:引入：import ReconnectingWebSocket from 'reconnecting-websocket';
3:连接websocket

GOD.SOCKET = new ReconnectingWebSocket(wsUrl);
GOD.SOCKET.addEventListener('open', () => {
    GOD.SOCKETTimer = setInterval(() => {
        if (GOD.SOCKET) {
            GOD.SOCKET.send('0')
        }
    }, 30000);
});

GOD.SOCKET.addEventListener('error', (e) => {
    console.log('WS错误：' + e.code + ' ' + e.reason + ' ' + e.wasClean);
    const authorization = sessionStorage.getItem('authorization');
    if (authorization) {
        WSLink();
    }
});

GOD.SOCKET.addEventListener('close', (e) => {
    console.log('WS断开：' + e.code + ' ' + e.reason + ' ' + e.wasClean);
    const authorization = sessionStorage.getItem('authorization');
    if (authorization) {
        WSLink();
    }
});

GOD.SOCKET.addEventListener('message', (socket) => {
        const result = JSON.parse(socket.data);
        const {projectId, code, tabsId, type, from, errMsg, timestamp} = result
})