V-IM部署本地启动教程

深碍√TFBOYSˉ_ 2022-12-13 04:50 223阅读 0赞

### 目录标题 ###

*  1：后端启动教程
 *   *  1.1：环境准备
     *  1.2：创建数据库
     *  1.3：后端编译启动
 *  2：前端启动教程
 *   *  2.1：前端依赖下载、启动、打包
 *  3：启动成功登录截图、功能点
 *  4：项目地址
 *  5：鸣谢

# 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;//方式二

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MjE1MDQy_size_16_color_FFFFFF_t_70_pic_center]

## 1.3：后端编译启动 ##

> 把项目导入idea，找到启动类启动

1.  修改数据库链接的时候，增加数据库链接编码。要不数据保存到数据库会存在乱码问题

spring.datasource.url=jdbc:mysql://127.0.0.1:3306/test?useSSL=false&characterEncoding=UTF-8&useUnicode=true&useSSL=false&tinyInt1isBit=false

1.  添加前后对比  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MjE1MDQy_size_16_color_FFFFFF_t_70_pic_center 1]

# 2：前端启动教程 #

## 2.1：前端依赖下载、启动、打包 ##

1.  安装node.js
2.  配置淘宝镜像，去用户目录下编辑“.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

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MjE1MDQy_size_16_color_FFFFFF_t_70_pic_center 2]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MjE1MDQy_size_16_color_FFFFFF_t_70_pic_center 3]

1.  切换到V-IM-PC文件夹下

# 安装yarn
    npm install -g yarn
    
    # 下载依赖
    yarn install
    
    # 启动
    yarn run serve
    
    # 编译项目
    yarn run build
    
    # Lints and fixes files
    yarn run lint

# 3：启动成功登录截图、功能点 #

> 本程序支持

1.  文本聊天
2.  聊天表情
3.  发送图片（http）
4.  发送文件（http）
5.  单聊
6.  群聊
7.  用户分组（后端支持）
8.  离线消息（单聊）
9.  聊天记录（单聊、群聊）
10. 支持心跳检测，断线重连
11. 使用SpringBoot security oauth2.0 支持单点登录。
12. 用户搜索。  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MjE1MDQy_size_16_color_FFFFFF_t_70_pic_center 4]  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MjE1MDQy_size_16_color_FFFFFF_t_70_pic_center 5]  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MjE1MDQy_size_16_color_FFFFFF_t_70_pic_center 6]

# 4：项目地址 #

> https://gitee.com/lele-666/V-IM

# 5：鸣谢 #

1.  感谢开源项目主乐乐的无私奉献
2.  此篇文章是为了刚入手的人少踩坑而写，如有不妥还请留言。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MjE1MDQy_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/d50bb3dfeef144f0bd3cf6a3d593d502.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MjE1MDQy_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221123/286ee67998bf4d99b466be3ca0244244.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MjE1MDQy_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20221123/5d543700fd634f188f848bcad3d12656.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MjE1MDQy_size_16_color_FFFFFF_t_70_pic_center 3]: /images/20221123/62ed746423e7482abef7599a59a27460.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MjE1MDQy_size_16_color_FFFFFF_t_70_pic_center 4]: /images/20221123/9184141070bc44bea6131d12c8761863.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MjE1MDQy_size_16_color_FFFFFF_t_70_pic_center 5]: /images/20221123/32ba7c849b3146b1bbec15da6ca8b9ff.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4MjE1MDQy_size_16_color_FFFFFF_t_70_pic_center 6]: /images/20221123/898b965180d54975af7eecbf1c639e3c.png