我在SocketIO聊天中遇到两个问题。聊天似乎正常,但它发送了两次(或更多)聊天。
如果User1发送消息,则显示如下。当我输入内容时,它会显示我输入的内容。
另一个问题是来自User2。如果“用户2键入”键入某些内容,则返回两次。然后我测试了User3,它又返回了第三次。我不知道为什么会这样工作。
[服务器端代码]
router.get(`/:userId/admin/contact`, function (req, res, next) {
let userId = req.params.userId;
// console.log(io);
console.log(Object.keys(io.sockets.adapter.rooms));
let contactArray = Object.keys(io.sockets.adapter.rooms);
// Socket.io
io.sockets.on('connection', function (socket) {
// Join Room
socket.join(`sangumee-Quarterican-KJ`);
console.log(`JOIN : sangumee-Quarterican-KJ`)
socket.on('send:message', function (data) {
io.sockets.to('sangumee-Quarterican-KJ').emit('send:message', data.message);
console.log(data.message);
});
});
res.render('mypage/contact', {
userId: userId,
contactArray: contactArray
})
});
[客户端代码]
var socket = io.connect('http://IPADDRESS:3001');
$('#chat').on('submit', function (e) { //2
var msg = $('#message').val();
if (!msg) return;
socket.emit('send:message', {
message: msg
});
e.preventDefault();
$('#message').val('')
$('.msg_history').append(`<div class="outgoing_msg"><div class="sent_msg"><p>${msg}</p><span class="time_date"> 11:01 AM | June 9</span></div></div>`);
});
// Receive a message
socket.on('send:message', function (data) {
$('.msg_history').append(`<div class="incoming_msg"><div class="incoming_msg_img"><img src="https://ptetutorials.com/images/user-profile.png" alt="sunil"></div><div class="received_msg"><div class="received_withd_msg"><p>${data}</p><span class="time_date"> 11:01 AM | June 9</span></div></div></div>`);
});
答案 0 :(得分:2)
socket io在所有应用程序中广播消息,因此您也会收到消息。
因此,当您发送邮件时,发送方带有发送者ID和接收者ID。
socket.emit('send:message',{ 讯息:味精, sender_id:“您的用户ID” });
每当您收到邮件时,都必须检查发件人ID,如果发件人ID不匹配,则要与您自己的ID匹配,否则请附加邮件,否则将其保留。
socket.on('send:message',function(data){
if(data.sender_id!='您的用户ID'){
$('。msg_history')。append(
<div class="incoming_msg"> <div class="incoming_msg_img"><img src="https://ptetutorials.com/images/user-profile.png" alt="sunil"></div> <div class="received_msg"> <div class="received_withd_msg"> <p>${data}</p> <span class="time_date"> 11:01 AM | June 9</span> </div> </div> </div>
);
}
});
答案 1 :(得分:1)
我建议您在服务器或客户端上更改发射名称。例如在服务器中
socket.on('send:message', function (data) {
io.sockets.to('sangumee-Quarterican-KJ').emit('receive:message', data.message);
console.log(data.message);
});
和在客户端上
socket.on('receive:message', function (data) {
$('.msg_history').append(`<div class="incoming_msg"><div class="incoming_msg_img"><img src="https://ptetutorials.com/images/user-profile.png" alt="sunil"></div><div class="received_msg"><div class="received_withd_msg"><p>${data}</p><span class="time_date"> 11:01 AM | June 9</span></div></div></div>`);
});