用socket.io发私信

最新推荐文章于 2023-07-01 12:28:00 发布

原创最新推荐文章于 2023-07-01 12:28:00 发布 · 1.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#node-js #javascript #socket-io

javascript 同时被 3 个专栏收录

26 篇文章

订阅专栏

node-js

11 篇文章

订阅专栏

socket-io

4 篇文章

订阅专栏

本文介绍了如何在socket.io中实现私信功能，通过指定socket.id向特定用户发送消息。示例展示了一个包含三个客户端的场景，客户端1向客户端2发送消息，客户端2向客户端3发送，客户端3再向客户端1发送，详细解释了服务器端的实现过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在socket.io中发私信其实就是定点对某个特定的socket.id发消息。
下面这个示例有三个一样的客户端, 客户端1发私信给客户端2，客户端2发私信给客户端3，客户端3发私信给客户端1.

下面是三个客户端的html, 取之于官方范例：

<!doctype html>
<html>

<head>
    <title>Socket.IO chat</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font: 13px Helvetica, Arial;
        }

        form {
            background: #310707;
            padding: 3px;
            position: fixed;
            bottom: 0;
            width: 100%;
        }

        form input {
            border: 0;
            padding: 10px;
            width: 90%;
            margin-right: .5%;
        }

        form button {
            width: 9%;
            background: rgb(75, 183, 216);
            border: none;
            padding: 10px;
        }

        #messages {
            list-style-type: none;
            margin: 0;
            padding: 0;
        }

        #messages li {
            padding: 5px 10px;
        }

        #messages li:nth-child(odd) {
            background: #C3C8F3;
        }

        #messages {
            margin-bottom: 40px
        }

    </style>
</head>
<script src="/socket.io/socket.io.js"></script>
<script src="https://code.jquery.com/jquery-1.11.1.js"></script>
<script>

    $(function () {
        var socket = io();
        $('form').submit(function () {
            socket.emit('chat message', $('#m').val());
            $('#m').val('');
            return false;
        });
        socket.on('chat message', function (msg) {
            $('#messages').append($('<li>').text(msg));
        });
    });

</script>

<body>
    <ul id="messages"></ul>
    <form action="">
        <input id="m" autocomplete="off" /><button>Send</button>
    </form>
</body>

</html>

下面是服务器端:

var app = require('express')();
var http = require('http').createServer(app);
var io = require('socket.io')(http);

app.get('/test', function (req, res) {
    res.sendFile(__dirname + '/chat.html');
});

var socketArr = []; //创建一个数组来存放所有连接的socket.id
io.on('connection', function (socket) {
    console.log('a user connected!');
    socket.emit('chat message', 'i am ' + socket.id); //连接后在客户端进行自我介绍，是哪个一个socket.id
    socketArr.push(socket.id); //把连接的socket.id都存入数组
    socket.on('chat message', function (msg) {
        var index = socketArr.indexOf(socket.id); //获得数组的index
        var id = index == socketArr.length - 1 ? socketArr[0] : socketArr[index + 1]; //选择私信的目标socket.id。
        //这是就是1发给2， 2发给3， 3发给1.
        //按照首尾相连的顺序传递发送消息
        socket.to(id).emit('chat message', 'from ' + socket.id + ':' + msg + ' to ' + id); //消息发到指定socket.id的客户端，并且标明是谁发给谁的
    });
});

http.listen(3000, function () {
    console.log('listening on *:3000');
});