SOURCE

const URL = 'wss://test.shop.wdzhikugongyinglian.com';

const type = 'user';

const token = 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJ0ZXN0LnNob3Aud2R6aGlrdWdvbmd5aW5nbGlhbi5jb20iLCJhdWQiOiJ0ZXN0LnNob3Aud2R6aGlrdWdvbmd5aW5nbGlhbi5jb20iLCJpYXQiOjE3NjU1MjYxNTMsIm5iZiI6MTc2NTUyNjE1MywiZXhwIjoxNzY4MTE4MTUzLCJqdGkiOlsxLCJ1c2VyIl19.24LnDiM_y9qJD4tODdrDaujJTsAxGJlhBSY2dYhfPJA';

const socket = new WebSocket(URL + '?' + 'type=' + type + '&' + 'token=' + token);

// 2. 监听「连接成功」事件（open 事件触发，说明客户端与服务端已建立双向通信通道）
socket.addEventListener('open', (event) => {
    console.log('✅ 浏览器与 WebSocket 服务端连接成功！');

    const sendData = JSON.stringify({
        type: 'login',
        data: {
            type: 'user',
            token: 'q232432344'
        }
    });
    socket.send(sendData);
    console.log('�� 向服务端发送消息：', sendData);
});

// 3. 监听「接收服务端消息」事件（message 事件触发，收到服务端推送的消息）
socket.addEventListener('message', (event) => {
    // event.data 是服务端发送的数据，类型可能是字符串、Blob 或 ArrayBuffer（需根据服务端格式处理）
    let receivedData;

    // 若服务端发送 JSON 字符串，解析为 JS 对象
    try {
        receivedData = JSON.parse(event.data);
    } catch (e) {
        // 非 JSON 格式（如纯文本），直接使用
        receivedData = event.data;
    }

    console.log('�� 收到服务端消息：', receivedData);

    // 业务逻辑处理（示例：处理服务端的「登录成功」响应）
    if (receivedData.type === 'login_success') {
        alert(`登录成功！欢迎您，${receivedData.data.username}`);
    }
});