当前位置: 首页 > 后端技术 > Node.js

socket.io+vue.js简易聊天室

时间:2023-04-03 18:19:00 Node.js

本文主要分享简易版聊天室项目地址https://github.com/zuank/socket测试地址http://yuehao.duapp.com/chat/service启用服务的终端配置constserver=app.listen(port,()=>{console.log(`technodeisonport${port}|`);});访问socket.ioconstio=require('socket.io').listen(server);套接字配置socket.emit广播socket.broadcast.emit广播给其他用户io.sockets.on('connection',(socket)=>{socket.on('setnickname',(name)=>{socket.nickname=name;socket.broadcast.emit('newuser',{nickname:name,type:'user',});socket.emit('login',{nickname:name,id:socket.id,});});socket.on('newdialog',(str)=>{io.emit('newdialog',{value:str,nickname:socket.nickname,type:'dialog',});});});前端配置连接服务器varsocket=io.connect('/')向服务器发送信息socket.emit('设置昵称',this.username)从服务端接收信息socket.on('新用户',函数(数据){console.log(数据)app.messagelist.push(数据)})