服务端(app.js)
//接受用户发送的信息
socket.on("sendMessage",data=>{
//把消息广播给所有人
io.emit("receiveMessage",data)
})
客户端
// 聊天功能
$('.btn-send').on('click', () => {
// 获取到聊天的内容
var content = $('#content').html()
$('#content').html('')
if (!content) return alert('请输入内容')
// 发送给服务器
socket.emit('sendMessage', {
msg: content,
username: username,
avatar: avatar
})
})
// 监听聊天的消息
socket.on('receiveMessage', data => {
// 把接收到的消息显示到聊天窗口中
if (data.username === username) {
// 自己的消息
$('.box-bd').append(