基于HTML5的实时聊天工具的设计与实现
运行环境：
| 运行环境 | 技术 |
|---|---|
| 系统环境 | Linux/Mac OS/Windows |
| 服务器 | nodejs |
| 数据库 | mongodb/mysql |
| gulp插件 | 作用 |
|---|---|
| gulp-sass | sass文件编译 |
| gulp-minify-css | css文件压缩 |
| gulp-jshint | js语法检查 |
| jshint-stylish | js语法检查显示样式 |
| gulp-uglify | js文件压缩 |
| gulp-concat | 文件合并 |
| gulp-rename | 文件重命名 |
| gulp-imagemin | 图片压缩 |
功能模块：
1.用户登录/注册模块
| 名称 | 功能 |
|---|---|
| 用户登录 | 实现用户登录 |
| 用户注册 | 实现用户注册 |
| 用户密码找回 | 实现密码找回 |
2.用户个人信息管理模块
| 名称 | 功能 |
|---|---|
| 个人信息查看 | 用户或好友对个人信息的查看 |
| 个人信息修改 | 用户对个人信息的修改(如,昵称、头像、生日等) |
| 密码修改 | 用户登录密码的修改 |
3.消息模块
| 名称 | 功能 |
|---|---|
| 一对一消息收发 | 实现用户间一对一的消息收发(包括,文字、表情、图片) |
| 群组消息收发 | 实现群组内消息的收发(包括,文字、表情、图片等) |
4.文件收发模块（非图片的其他文件）
| 名称 | 功能 |
|---|---|
| 文件上传 | 实现文件的上传,并临时存储在服务器 |
| 文件下载 | 实现文件的下载 |
5.好友管理
| 名称 | 功能 |
|---|---|
| 添加好友 | 通过用户账户查找并添加好友 |
| 删除好友 | 对已添加的好友进行删除,并不再收取相应消息 |
| 好友分组 | 对好友进行分组(自定义分组名) |
6.群组创建/解散模块
| 名称 | 功能 |
|---|---|
| 群组创建 | 实现创建群组(创建者即为管理员) |
| 群组解散 | 创建者有权利解散群组 |
7.加入/退出群组
| 名称 | 功能 |
|---|---|
| 加入群组 | 用户通过群号申请加入群组 |
| 踢出群组 | 群管理员将群成员踢出群群组(强制退出) |
| 退出群组 | 用户主动退出群组 |
安装数据库
-
安装mysql
-
设置用户，默认账户：root，密码：123456
或在
routes\connection\mysqlPool.js中修改
-
创建数据库
create database HTML5Chat; -
use HTML5Chat -
导入数据
source yourPath\HTML5Chat.sql
运行方式：
- 克隆仓库
git clone https://github.com/vu-ji/h5Chat.git
- 安装nodejs环境
- 全局安装gulp
npm install --global gulp
- 安装node_modules
cd h5Chat && npm install
- 运行项目
npm start
- 查看运行结果
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent