<script src="scripts/socket.io.js"></script>
<script>
//ws://127.0.0.1:5000代表socket.io的服务器的地址及端口
let client = io('ws://127.0.0.1:5000');
//发送消息的函数
function send(){
//获取多行文本框对象
let messageEle = document.getElementById('message');
//获取多行文本框对象的值
let messageVal = messageEle.value;
//客户端发送消息给服务器
client.emit("send message",messageVal);
//清空多行文本框
messageEle.value = '';
}
//侦听服务器广播的事件
client.on('boast message',(res)=>{
let divEle = document.createElement('div');
divEle.className = 'chart-item';
divEle.innerHTML = `<div class="user-face"><img src="images/avatar/11.jpg" alt=""></div>
<div class="user-message">${res}</div>`;
document.getElementById('chart-list').appendChild(divEle);
})
</script>
//创建HTTP对象
const app = require('http').createServer();
const server = require('socket.io')(app);
server.listen(5000);
//当客户端连接到服务器后
server.on('connect',(io)=>{
//侦听到send message事件,data代表的客户端提交的数据
io.on("send message",(data)=>{
server.emit('boast message',data);
});
});