【发布时间】:2020-07-09 21:18:05
【问题描述】:
我正在使用 socket.io 在我现有的快速应用程序中添加一个聊天页面。 我的服务器代码:
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);正常运行
【问题讨论】:
标签: javascript node.js express socket.io