WebSocket通信测试记录：web客户端＋后台服务器程序示例

最新推荐文章于 2023-11-24 10:39:00 发布

xw-何妨吟啸且徐行

最新推荐文章于 2023-11-24 10:39:00 发布

阅读量211

点赞数

文章标签： websocket javascript

本文链接：https://blog.csdn.net/xuw_xy/article/details/117525975

版权

js-qt 专栏收录该内容

40 篇文章 2 订阅

订阅专栏

１、websocket_client.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <script>
        // 打开一个 web socket  这里端口号和上面监听的需一致
         var ws = new WebSocket('ws://localhost:3000/');
    
         // Web Socket 已连接上，使用 send() 方法发送数据
         ws.onopen = function() {
         // 这里用一个延时器模拟事件
             setInterval(function() {
                 ws.send('客户端消息' + '--by xw');
             },2000);
         }
         // 这里接受服务器端发过来的消息
         ws.onmessage = function(e) {
             console.log(e.data)
         }
    
         ws.onclose = function(e) {
            //  console.log(e.data)
            console.log('onclose:' + e)
         }
    </script>

</body>
</html>

２、websocket_server.js

var ws = require('nodejs-websocket');
var server = ws.createServer(function(socket){
// 事件名称为text(读取字符串时，就叫做text)，读取客户端传来的字符串
　  var count = 1;
    socket.on('text', function(str) {
　　     // 在控制台输出前端传来的消息　　
        console.log(str);
        //向前端回复消息
        socket.sendText('服务器端收到客户端端发来的消息了！' + count++ + '　　内容：' + str);
    });
}).listen(3000);

３、效果截图：

参考&&致谢：https://www.cnblogs.com/chtzz/p/10741241.html

xw-何妨吟啸且徐行

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
WebSocket通信测试记录：web客户端＋后台服务器程序示例

１、websocket_client.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><
复制链接

扫一扫