Node实现websocket聊天室

最新推荐文章于 2025-09-10 16:45:28 发布

weixin_30664615

最新推荐文章于 2025-09-10 16:45:28 发布

阅读量156

点赞数

CC 4.0 BY-SA版权

文章标签：网络

原文链接：http://www.cnblogs.com/huangtonghui/p/8418080.html

本文介绍了一个使用Node.js和WebSocket实现的基本实时通讯应用示例。该示例通过Express框架搭建了一个简单的HTTP服务器，并利用WebSocket创建了客户端之间的实时消息传递功能。用户可以通过网页输入框发送消息，所有在线用户都能接收到消息。

const express = require('express');
const app = express();
const ws = require('ws').Server;
const wss = new ws({port: 3001});
var sockets = [];

wss.on('connection', function(ws) {
    ws.send('连接成功');
    sockets.push(ws);

    ws.on('message', function(data) {
        ws.send(data);

        try {
            sockets.forEach(function (socket) {
                 if (ws != socket) {
                    socket.send(data);
                 }
            });
        } catch (err) {
            console.log(err);
        }
    });

    ws.on('error', function(e) {
        console.log(e);
    });
    ws.on('close', function(e) {
        console.log(e);
    });
});

app.use(express.static(__dirname)).listen(3000, 'localhost');
app.get('/', (req, res) => {
    res.sendFile(__dirname+'/websocket.html');
});

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>websocket</title>
    <link rel="stylesheet" href="test.css">
</head>
<body>
<input id="msg" type="text"/>
<button id="send" onclick="sendMsg()">发送</button>
<script>
    var ws = new WebSocket('ws://localhost:3001');
    ws.onopen = function(e) {
        console.log(e);
    };

    ws.onmessage = function(data) {
        console.log(data.data);
        showMsg(data.data);
    };

    ws.onerror = function(e) {
        console.log(e);
    };
    ws.onclose = function(e) {
        console.log(e);
    };


    function sendMsg() {
        var msg = document.getElementById('msg').value;
        var now = (new Date()).toLocaleTimeString();
        ws.send(now+'@'+msg);
    }

    function showMsg(data) {
        var msg = document.createElement('div');
        msg.innerHTML = data;
        document.body.appendChild(msg);
    }

    document.onkeyup = function(event) {
        event = event || window.event;
        if (event.keyCode == 13) {
            sendMsg();
        }
    };
</script>
</body>
</html>

转载于:https://www.cnblogs.com/huangtonghui/p/8418080.html