Websocket 初体验+本地搭建聊天室

初体验+本地搭建聊天室"/>

Websocket 初体验+本地搭建聊天室

写在前面

1. 项目使用node在本地搭建，使用的是Koa框架 中间件涉及 koa-static/koa-websocket。
2. 因为是本地服务没有写数据库操作，有兴趣的朋友可以把聊天记录做本地保存。
3. 前端使用的Vue+elementUI 只写了基础的功能 。
4. 涉及知识:nodeJS+后端服务+websocket协议

项目已上传到Github

点击这里跳转到 Git Hub Websocket

1.搭建koa静态服务

首先引入koa、koa-router、koa-static等服务需要中间件，引入配置文件use中间件然后挂载静态服务处理，以及路由处理，在这里我是分模块引入了，具体看代码。

2.搭建Websocket服务

引入相应模块，并监听80端口。
这里可能会有一些疑问，这里的app.ws其实相当于总管，只要有一个用户进来我就在实例下创建一个服务线程，总管就多一个员工。每个服务线程会生成一个上下文，每个上下文主体其实是这个websocket，直接用ctx会报错，在第一次接收到信息时也就是第一次登录时会记录登录ID给这个对象，这样就可以不同用户享受同样的服务，只需要判断你想要的服务是什么。

app.ws.use((ctx, next) => {/* 每打开一个连接就往 CTXS 添加一个上下文 */ctxs.push(ctx);/*来一个我就管理一个 记录名单*/ctx.websocket.on("message", (message) => {var data = JSON.parse(message);//处理数据// data.type = "msg";if(data.user.type == "login"){//初始化员工IDctx.websocket.id = data.user.uid;console.log("用户"+ data.user.uid +"加入聊天室");}else if(data.type=="chat"){//聊天模式 分配对应数据var need = {send_time:data.send_time,msg:data.user.send_msg,type:'msg',uname:data.user.uname,uid:data.user