1:后端启动教程
1.1:环境准备
- 数据库:MySQL5.7+
- 语言:jdk:1.8+
- 前端环境:node.js
- 缓存:redis (这个作者应该后面会用,目前还没使用!!!)
- 依赖管理:Maven
- IDE(JAVA):IntelliJ IDEA,需要安装的插件lombok
- 数据库脚本:V-IM-Server/doc/init-20181231.sql
1.2:创建数据库
创建数据库,把V-IM\V-IM-Server\doc目录下的sql运行(下面方式二选一)
create database `vim` default character set utf8 collate utf8_general_ci;//方式一
create database `vim` default character set utf8mb4 collate utf8mb4_general_ci;//方式二
1.3:后端编译启动
把项目导入idea,找到启动类启动
- 修改数据库链接的时候,增加数据库链接编码。要不数据保存到数据库会存在乱码问题
spring.datasource.url=jdbc:mysql://127.0.0.1:3306/test?useSSL=false&characterEncoding=UTF-8&useUnicode=true&useSSL=false&tinyInt1isBit=false
- 添加前后对比
2:前端启动教程
2.1:前端依赖下载、启动、打包
- 安装node.js
- 配置淘宝镜像,去用户目录下编辑“.npmrc”文件 (此步如果觉得自己网络什么都很好可以忽略)
registry=https://registry.npm.taobao.org/
sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
url=http://cnpmjs.org/downloads
phantomjs_cdnurl=http://cnpmjs.org/downloads
electron_mirror=https://npm.taobao.org/mirrors/electron/
sqlite3_binary_host_mirror=https://foxgis.oss-cn-shanghai.aliyuncs.com/
profiler_binary_host_mirror=https://npm.taobao.org/mirrors/node-inspector/
chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver
canvas_binary_host_mirror=https://npm.taobao.org/mirrors/node-canvas-prebuilt/
loglevel=info
- 切换到V-IM-PC文件夹下
# 安装yarn
npm install -g yarn
# 下载依赖
yarn install
# 启动
yarn run serve
# 编译项目
yarn run build
# Lints and fixes files
yarn run lint
3:启动成功登录截图、功能点
本程序支持
- 文本聊天
- 聊天表情
- 发送图片(http)
- 发送文件(http)
- 单聊
- 群聊
- 用户分组(后端支持)
- 离线消息(单聊)
- 聊天记录(单聊、群聊)
- 支持心跳检测,断线重连
- 使用SpringBoot security oauth2.0 支持单点登录。
- 用户搜索。
4:项目地址
https://gitee.com/lele-666/V-IM
5:鸣谢
- 感谢开源项目主乐乐的无私奉献
- 此篇文章是为了刚入手的人少踩坑而写,如有不妥还请留言。