#

luxiaotao1123

2024-04-03 348a0821a72601d8a9935ef2a3478501c6e97812

#

 zy-asrs-flow/src/pages/map/index.jsx

@@ -15,6 +15,7 @@
import Edit from './components/device';
import Settings from './components/settings'
import * as Utils from './utils'
import * as Websocket from './websocket'
import Player from './player';
import MapSearch from './header/search';
import MapFloor from './header/floor';
@@ -122,6 +123,8 @@
                player.adaptScreen();
                Utils.mapNotify(intl.formatMessage({ id: 'map.load.success', defaultMessage: '欢迎使用WCS系统' }));
            }, 200)

            Websocket.createWs();
        }
        initialize();
    }, []);

 zy-asrs-flow/src/pages/map/websocket.js

New file
@@ -0,0 +1,42 @@
export const createWs = () => {
    console.log('Creating WebSocket connection...');
    const webSocket = new WebSocket('ws://127.0.0.1:9090/wcs/map/websocket');

    // 连接打开时触发
    webSocket.onopen = function (event) {
        console.log('WebSocket connection opened:', event);
        // 在此添加可以在连接打开时发送的任何消息
        // webSocket.send('Hello Server!');
    };

    // 从服务器接收到消息时触发
    webSocket.onmessage = function (event) {
        console.log('WebSocket message received:', event.data);
        // 在这里处理接收到的消息
    };

    // 出现错误时触发
    webSocket.onerror = function (event) {
        console.error('WebSocket error observed:', event);
        // 在这里处理WebSocket错误
    };

    // 连接关闭时触发
    webSocket.onclose = function (event) {
        console.log('WebSocket connection closed:', event);
        // 在这里处理连接关闭事件
        // 你可能想要重新连接或对用户进行友好提示
    };

    // 请求关闭WebSocket连接（主动关闭），你可以从其他函数调用这个
    const closeWebSocket = () => {
        if (webSocket.readyState === WebSocket.OPEN) {
            webSocket.close(); // 这将触发'onclose'事件
        }
    };

    return {
        webSocket,
        closeWebSocket
    };
};