mailauncher-backend/test_websocket.html at main · Mai-with-u/mailauncher-backend · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
<!DOCTYPE html>
<html>
  <head>
    <title>WebSocket Test</title>
  </head>
  <body>
    <h1>WebSocket连接测试</h1>
    <div id="status">准备连接...</div>
    <div id="messages"></div>
    <input type="text" id="messageInput" placeholder="输入测试消息" />
    <button onclick="sendMessage()">发送</button>
    <button onclick="testTerminalConnection()">测试终端连接</button>

    <script>
      let ws = null;
      const statusDiv = document.getElementById("status");
      const messagesDiv = document.getElementById("messages");
      const messageInput = document.getElementById("messageInput");

      function addMessage(msg) {
        const div = document.createElement("div");
        div.innerHTML = `<strong>${new Date().toLocaleTimeString()}</strong>: ${msg}`;
        messagesDiv.appendChild(div);
      }

      function testTerminalConnection() {
        const sessionId = "c417c245e20331d7cb110aaf56da98a5634700ed_main";
        const wsUrl = `ws://localhost:23456/api/v1/ws/${sessionId}`;

        addMessage(`尝试连接到: ${wsUrl}`);
        statusDiv.textContent = "正在连接...";

        if (ws) {
          ws.close();
        }

        ws = new WebSocket(wsUrl);

        ws.onopen = function (event) {
          statusDiv.textContent = "连接成功!";
          addMessage("WebSocket连接已建立");
        };

        ws.onmessage = function (event) {
          addMessage(`收到消息: ${event.data}`);
        };

        ws.onclose = function (event) {
          statusDiv.textContent = `连接已关闭 (代码: ${event.code})`;
          addMessage(`连接关闭: ${event.code} - ${event.reason}`);
        };

        ws.onerror = function (error) {
          statusDiv.textContent = "连接错误";
          addMessage(`连接错误: ${error}`);
        };
      }

      function sendMessage() {
        if (ws && ws.readyState === WebSocket.OPEN) {
          const message = messageInput.value;
          ws.send(
            JSON.stringify({
              type: "input",
              data: message + "\n",
            })
          );
          addMessage(`发送: ${message}`);
          messageInput.value = "";
        } else {
          addMessage("WebSocket未连接");
        }
      }

      // 监听回车键
      messageInput.addEventListener("keypress", function (e) {
        if (e.key === "Enter") {
          sendMessage();
        }
      });
    </script>
  </body>
</html>