基于NodeJS的秘室聊天室

借着放假期间将NodeJS从新回顾了一下并玩了一下sketch来进行设计界面，很不错。（注：代码整理后会放到github上，请关注。）

本次聊天室我给它定义了一个名称叫“秘密聊天室”。

需求：

技术选型：

后端：NodeJs,Socket.io,中间件(express,body-parser,multer,ejs),mongoose

         express：是NodeJs Web应用框架，主要是要理解它的router

         body-parser:用于获取req中的参数值

         multer:用于上传文件

         ejs:用于模板渲染

　　   mongoose:链接mongoose数据库

数据库：mongodb

前端：bootstrap布局，vuejs进行双向绑定，请求仍是使用的jquery的ajax,未使用fetch（主要是bootstrap是基于jquery的，因此没用使用webpack或browerify等打包工具进行处理fetch）。

实现：

　　一、建立web服务器

　　

　　二、进行身份认证，哪些路由要进行身份处理。

　　

　　四、数据库配置

　　

　　五、定义数据模型

　　

　　六、用户注册，登陆

　　

　　七、创建socket.io

　　

　　八、前端代码就比较简单了，无否是一些请求而已，下面只截取前端socke.io部分。

　　

　　

运行效果：

　　一、登陆

　　

　　二、主界面

　　

　　三、建立房间（建立本身感兴趣的话题）

　　

　　三、模拟两个用户

　　

　　四、每一个房间鼠标移入会显示房间内容

　　

　　五、加入房间，会提示谁加入

　　

　　六、退出房间，一样会有提示，房间之间互不影响。

　　

　　七、消息

　　

在现阶段还有未完成部分。如消息的保存，人员头像,收藏等。

后续，但愿能够将nodejs消息处理作成一个通用组件，安装消息中心后，任何系统中能够很方便调用。

 

最后来一张sketch的设计稿