用 NodeJS 打造多人在线聊天室（ NodeJS & SocketIO & Express & EJS & MongoDB & Gulp）

项目背景

这个项目主要是为了玩玩 NodeJS，项目的方向大概是做出类似 QQ 的在线聊天系统。想要在线体验可以点击在线演示。

项目使用 PM2 进行部署和管理，功能在不断的迭代开发中。如果你觉得这个项目比较有趣，或者能对你有所帮助，欢迎给个 Star。

项目地址：https://github.com/bergwhite/nodejs-chat

PS: 最近找工作，北京的欢迎联系。另外之前做过一个基于 Vue 全家桶二次开发的 V2EX 社区 https://github.com/bergwhite/v2ex-vue。

项目目录


├─bin
│    www  // 启动 express
├─database
│    index.js  // MongoDB
├─public  // 静态文件
│    css
│        index.css  // 首页 CSS
│    js
│        index.js  // 与 socket 服务进行通讯（关键文件）
|        socket-server.js  // socket 服务（关键文件）
│    img
├─routers
│    index.js  // 页面路由
├─view
│    error.ejs  // 错误页
│    index.ejs  // 首页
│    userCenter.ejs  // 用户中心（规划中）
│    userList.ejs  // 用户列表（规划中）
├─app.js  // express
├─package.json  // npm 包

路由

目前只有 /目录和 /room/:id 正式使用了，其他路由的页面还在迭代开发中。


/  // 首页
/user  // 用户列表
/user/:id  // 用户中心
/user/:id/register  // 注册（ JSON ）
/user/:id/login  // 登陆（ JSON ）
/user/:id/logout  // 注销（ JSON ）
/user/:id/info  // 用户资料（ JSON ）
/room/:id  // 指定聊天室

开始安装

使用之前，请在 package.json 中修改 MongoDB 的安装路径（--dbpath ）。


git clone https://github.com/bergwhite/nodejs-chat  // 克隆项目到本地
cd nodejs-chat  // 进入项目目录
npm install  // 安装依赖
npm run build  // 构建线上代码
npm run mongod // 启动 MongoDB 服务
npm run start // 启动聊天室服务并启动网站

项目演示

目前项目存在一个已知的 bug，表情包无法在 div 模拟的输入框中插入（修复中）。

匿名聊天

用户聊天

成员&房间

离线通知

更多房间

房间独立

已上线功能

跨浏览器，跨地域聊天（ SocketIO 自带技能）
首次进入会显示欢迎信息
发送空消息会进行提示
直接发送消息默认昵称为“神秘人”
发送消息后会清空当前输入框内容，然后焦点回到消息输入框
添加用户名后会成为新用户，然后告知全房间人有新用户加入
可以创建不同的房间，不同的房间的聊天是相互独立的
显示当前房间的在线用户（设置了用户名的）
显示目前所有打开的房间
用户（设置了用户名的）离线会通知所有房间内的成员
压缩线上代码，加快访问速度
...

待上线功能

用户名

统计匿名用户
支持一键随机获取用户名

头像

访客使用默认头像
新用户（设置了用户名的）随机获得一个头像
新用户换头像可以从默认的一组头像中选择
是否支持上传头像还在考虑中（安全性问题）

聊天

支持多组丰富的表情包
是否支持上传图片还在考虑中（安全性问题）

数据库

对接 MongoDB，新用户（设置了用户名的）设置密码后，将从临时用户转变为正式用户

项目缺陷

界面丑（等功能完善了再考虑）
表情包无法在 div 模拟的输入框中插入（修复中）
...