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"){
   //初始化员工ID
 ctx.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