socket.emit 和 socket.on 未連接

Question

我正在使用 socket.io 在我現有的 express 應用程序中添加一個聊天頁面。 我的服務器代碼：

var io = socket(server);
io.on('connection', (socket) => {
    console.log('made socket connection', socket.id);
    // Handle chat event
    socket.on('chat', function(data){
        console.log("second");
        io.sockets.emit('chat', data);
    });

});

和我的客戶代碼：

var socket = io.connect("http://localhost:3000/chat")

//Query elements
var message = document.getElementById('message'),
    btn     = document.getElementById('send'),
    output  = document.getElementById('output');

btn.addEventListener("click", function(){
    socket.emit('chat', {
        message: message.value,
    });
    console.log("First")
    message.value = "";
})     
socket.on('chat', function(data){
    console.log("final function")
    output.innerHTML += `<p>${data.message}</p>`;
});

socket.emit 在客戶端單擊時被觸發，但服務器中的 socket.on 不會運行。 注意：console.log('建立套接字連接'，socket.id); 正常運行

Answer 1

您的客戶端存在問題。 您正在嘗試與 namsespaces“聊天”連接，請刪除聊天

var socket = io.connect("http://localhost:3000")