使用 js 測試 websocket 連接

本文轉載自查看原文 2021-01-22 18:45 1017 JavaScript

參考：https://blog.csdn.net/linysuccess/article/details/109223712

配合上篇文章，代碼如下：

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>WebSocket測試</title>
    <script>
        function initWebSocket(wsUri) {
            var websocket = new WebSocket(wsUri);
            websocket.onopen = function(evt) {
                console.log('連接建立中... '+wsUri);
            };
            websocket.onclose = function(evt) {
                console.log('連接關閉中...', evt);
            };
            websocket.onmessage = function(evt) {
                console.log('收到來自服務端的消息：', evt.data);
            };
            websocket.onerror = function(evt) {
                console.log('發生錯誤...', evt);
            };
            return websocket;
        }
    
        // 在此配置 websocket 的地址
        var websocket = initWebSocket("ws://localhost:8020/ws");
        var msg, i = 0;
        var loop = setInterval(function(){
            msg = "Hello " + (i++);
            if(websocket.readyState == WebSocket.OPEN) {
                websocket.send(msg);
                console.log('已發送消息：' + msg);
            } else {
                clearInterval(loop);
                console.log('連接已關閉，拜拜~');
            }
        }, 3000);
    </script>
</head>
<body>
    請按 F12 打開控制台查看消息
</body>
</html>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 Websocket的長連接測試 JS連接WebSocket 前端使用MQTT.js（Websocket）連接MQTT（EMQ） JS中使用reconnecting-websocket實現websocket斷開自動重新連接 websocket JS使用方式使用WebSocket-bench測試WebSocket應用 js使用WebSocket，java使用WebSocket WebSocket的原理,及如何測試websocket是否連接成功 Django websocket 長連接使用 WebSocket重連reconnecting-websocket.js的使用