V-IM部署本地启动教程

16 篇文章 2 订阅
2 篇文章 0 订阅

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,找到启动类启动

  1. 修改数据库链接的时候,增加数据库链接编码。要不数据保存到数据库会存在乱码问题
spring.datasource.url=jdbc:mysql://127.0.0.1:3306/test?useSSL=false&characterEncoding=UTF-8&useUnicode=true&useSSL=false&tinyInt1isBit=false
  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

在这里插入图片描述
在这里插入图片描述

  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. 用户搜索。
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

4:项目地址

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

5:鸣谢

  1. 感谢开源项目主乐乐的无私奉献
  2. 此篇文章是为了刚入手的人少踩坑而写,如有不妥还请留言。
  • 4
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值