基于node+vue实现简单的WebSocket聊天功能
首先,我需要用到node的nodejs-websocket模块
使用yarn进行安装
yarnaddnodejs-websocket--save
当然,你也可以用npm进行安装
npminodejs-websocket--save
安装完毕之后,我们开始写服务端的代码,首先,我用node在本地起了一个node服务器用来开启websocket服务
sock.js:
letws=require("nodejs-websocket"); console.log("开始建立链接"); ws.createServer(function(conn){ conn.on("text",function(str){ console.log("收到的信息为",str); conn.send(`${str}(机器人`) }); conn.on("close",function(code,reason){ console.log("关闭连接") }); conn.on("error",function(code,reason){ console.log("异常关闭") }) }).listen(8001); console.log("链接建立完毕");
服务端主要是用nodejs-websocket用来开启服务,以及返回前端需要的值,这里我只是做了一个简单的处理,在接受值得后面加了一个‘机器人'的string,
然后,我们需要开启这个node服务,
命令后面的路径一定要找对,我是把sock.js放在了根目录的socket文件夹下面
执行
yarnsocket
最后,看我们的客户端,客户端我是想有一个输入框,然后有个聊天框:
{{item.content}}