Question

我正在尝试使用socket.io创建实时聊天。除了其他人发布新消息时的自动更新，我可以进行所有工作。我相信io.sockets.emit和socket.on（'message'，getMessages（））;出了点问题。

我尝试了各种不同的emit和socket.on组合。我正在使用Express 4.16.4和socket.io 2.2.0。

这是我的index.js

var express = require('express');
var router = express.Router();
var app = express();
const server = require('http').createServer(app);
const io = require('socket.io')(server);

//Render Chat
router.get('/Chat', function(req, res, next) {
    ChatData.find({},(err, messages)=> {
    var chatmessages = messages;    
    res.render('Chat', {messages: chatmessages, csrfvalid: req.session.csrf, csrfToken: req.csrfToken(), loginerrors: req.session.loginerrors, success: req.session.success, errors: req.session.errors, user: req.session.user });
    req.session.errors = null;
    req.session.loginerrors = null;
    req.session.csrfvalid = null;
    })
});

//GET Messages
router.get('/messages', (req, res) => {
  ChatData.find({},(err, messages)=> {
    res.send(messages);
  })
})

//POST chat
router.post('/chat', function(req, res, next) {
    var item = {
        name: req.body.name,
        message: req.body.message
    };  
    var data = new ChatData(item);
    data.save(function(err) {
        if(err){
            console.log(err);
            return;         
        }
        io.sockets.emit("message", req.body);
        res.send({});       
    })  
});

这是我的聊天客户端javascript

<script>
   var socket = io('http://MY_IP:3000', { transport : ['websocket'] });
    $(() => {
        $("#send").click(()=>{
            sendMessage({name: $("#name").val(), message: $("#message").val(), _csrf: $("#csrf").val()});
            document.getElementById('name').value = "";
            document.getElementById('message').value = "";
        })
        //getMessages()
    })
    socket.on('message', getMessages());

    function addMessages(message){
        $("#messages").append('<b>', message.name, '</b> : ' , message.message,' <a href="delete?_id='+message._id+'">Delete</a><br><br>')
    }
    function getMessages(){
      $.get('http://MY_IP:3000/messages', (data) => {
        data.forEach(addMessages);
      })
    }
    function sendMessage(message){
      $.post('http://MY_IP:3000/chat', message)
    }
</script>

当我从另一个客户端发布聊天时，我的计算机应自动在div底部加载新消息。我目前必须重新加载页面。我相信错误是在io.sockets.emit或socket.on中。

在server.js中，我使用下面的代码，该代码有效。

//Socket
io.on('connection', () => { console.log('a user is connected') });

Answer 1

当您将该函数指定为客户端套接字https:事件的处理程序时，您似乎正在调用getMessages()：

message

从该行的/* This is incorrect, as you're calling getMessages() immediately, rather than specifying it as a function handler to be called when the "message" event occurs */ socket.on('message', getMessages());中删除()应该可以解决问题：

getMessages()

为确保在客户端应用启动时自动提取消息，您可以在/* Corrected code */ socket.on('message', getMessages); /* Add another call to getMessages() to fetch messages automatically on start */ getMessages()之后直接向getMessages()添加第二个调用，如上所示。

Answer 2

尝试在客户端代码中进行此修改。

      function getMessages(){
          $.get('http://MY_IP:3000/messages', (data) => {
             $.each(data,(i,v)=>{
                 addMessages(v)
             })
          })
       }

Socket.io不使用socket.on添加消息

2 个答案: