使用node.js通过链接创建私人房间

时间:2018-07-10 13:35:52

标签: javascript node.js

我已经阅读了以下内容:

https://socket.io/docs/rooms-and-namespaces/#

private chat with socket.io

我想做的是在以下地方进行公开聊天:

“ /”

和/ xyz上的私人聊天,所有使用此URL的人都可以讲话。

我将生成随机链接并在以后解决它们,但是首先我需要弄清楚如何将公共用户和私有用户连接到不同的套接字?特别是因为他们在做同一件事,所以我根本不知道如何有效地做到这一点。

首先,我必须使用以下命令捕获服务器/专用URL:

app.get("/private",function(req,res){
res.render("page");
console.log("Rendered private page"); });

我首先想到的解决方案是使用自定义名称空间。

    var namespace = io.of('/private');
namespace.on('connection',function(socket){
    console.log('someone connected to private');
    socket.emit('pmessage',{message:'Connected to a private chat!'});

});

但是这成为我的前端的一个问题(因为我对此很陌生,所以我不知道如何操作)。我基本上是使用重复的代码来处理同一件事,只是针对不同的用户子集。

所以这个:

    var socket = io.connect('127.0.0.1:8090');

我需要添加一个新的套接字,对:

    var private = io.connect('127.0.0.1:8090/private');

那我只复制所有内容吗?我知道这可能不是正确的解决方案。但我不知道该去哪里。基本上,所有内容都是私有而不是 socket

socket.on('message',function(data){
    //Type out the message in the htmlTextField into the htmlChatContent if message was received
    //Keep the other chats
    if(data.message){
        //From w3c:The push() method adds new items to the end of an array, and returns the new length.
        //Example: ["hi","hello"] ---push("wazzzaaap")--->["hi","hello","wazzzaaap"]
        messages.push(data);
        //put messages into the HTML code
        var html = '';
        console.log("Currently in messages" + data.message);
        console.log(data.username);
        for(var i = 0;i<messages.length ;i++){
            //Put it into a string and add a HTML defined symbol sequence for a line break
            //Add username in front of it in bold
            //FIXME: Currently only able to get messages[i] which is just the content
            if(messages[i].username==null){
                html+=messages[i].message + '<br />';
            }
            else{
                html+='<b>'+ messages[i].username + ': </b>' + messages[i].message   + '<br />';

            }

        }
        //Add the message formatted into HTML into the chat content box
        htmlChatContent.innerHTML = html;
        //When sending clear the input field also

        htmlTextField.value = "";
    }
    else{
        //This means there was an error
        //Put error text inside the users text box
        console.log("Error");
        htmlTextField.innerHTML = "There was an sending error!";
    }   
});

我希望能得到有关如何处理随机生成的链接的指导,我想到的是:

已创建链接的数据库,该条目将删除最后一个人离开的第二个条目。但是,如何编程动态链接?我无法对500个不同的选项进行硬编码,对吗?

我需要添加更多代码以使问题变得更好吗?

1 个答案:

答案 0 :(得分:1)

  

我将生成随机链接并在以后解决它们,但是首先我需要弄清楚如何将公共用户和私有用户连接到不同的套接字?

否,您需要在客户端和服务器之间使用一个套接字。然后,您可以将数据仅从服务器发送到某些aockets。 Socket.io有足够的空间,这基本上意味着您可以按组管理套接字,并且可以轻松地将数据发送到该组中的套接字。

  

我无法对500个不同的[套接字/链接]进行硬编码,对吧?

不,那太过分了。只需让客户端/服务器生成随机网址即可。要使其具有唯一性,您只需加上时间戳并添加一个随机数:

 const id = "" + Math.floor(Math.random() * 1000) + Date.now();

现在,如果您要在http服务器上管理/验证客户端,则可以使用动态网址,例如:

 yourserver/private/1272271737

借助快速多数票很容易就能抓住所有人:

 app.get("/private/:id", (req, res) => {
    const { id } = req params;
    // Verify the id and return the clientside code
 });

但是实际上只有套接字服务器需要知道房间ID,因此您可以使用所谓的“ hashbang url”,它们看起来像:

 yourserver/private#127272

在服务器端,好像客户端访问了/private,因此您可以退回该应用程序:

 app.get("/private", (req, res) => /*...*/);

但是在客户端,您可以通过以下方式获取ID:

 const id = location.hash;

现在,客户可以加入相关会议室:

socket.join(id);

现在,发送消息时,只需发送房间ID:

 socket.emit("msg", id, "Hi!");

在服务器上,您只是将其广播到该房间:

io.on('connection', (socket) => {
  socket.on("msg", (id, msg) => {
    io.to(id).emit("msg", msg);
  });
});