Docker-RouYi_WMS

相关链接：
---
- RouYi
	- RouYi：http://doc.ruoyi.vip/
	- RouYi_GitHub：https://github.com/yangzongzhuan/RuoYi
	- RouYi_Gitee：https://gitee.com/y_project/RuoYi
- RouYi_WMS
	- RouYi_WMS 演示地址(cyl/cyl_666)：http://wmstest.ichengle.top/
	- RouYi_WMS 前端：[GitHub](https://github.com/zccbbg/RuoYi-WMS-VUE)、[Gitee](https://gitee.com/zccbbg/ruo-yi-wms-vue)
	- RouYi_WMS 后端：[GitHub](https://github.com/zccbbg/wms-ruoyi)、[Gitee](https://gitee.com/zccbbg/wms-ruoyi)

## 环境准备
[Java](https://www.oracle.com/java/technologies/downloads/) 8+
[Maven](https://maven.apache.org/) 3.0+
[Node](https://nas.918178.xyz:10086/doc/258/) v8+
MySQL 5.7+ `这里我采用 Docker直接部署`
[Redis](https://nas.918178.xyz:10086/doc/242/) 3.0+ `这里我采用 Docker直接部署`
[IDEA](https://www.jetbrains.com/idea/) 用于编译构建

## 部署 MySQL + Redis
```bash
# 后端服务需要基于这两个来进行运行，所以我们需要先行把这两个服务准备好
# 只需要测试就行，采取最简洁部署方式

docker run -d --name mysql -p 3306:3306 -e MYSQL_PASSWORD=773203918 mysql		# MySQL(设置root密码)
docker run -d --name redis -p 6379:6379 redis		# Redis
```

### MySQL 添加数据库及其数据
这里使用的是 `Navicat Premium` 来管理数据库
1. 连接到 MySQL 数据库
2. 新建名为 `wms` 的数据库
3. 在 `wms`数据库 下 `运行SQL文件` 或是 `执行查询`
SQL文件 选择 [RouYi_WMS后端](https://github.com/zccbbg/wms-ruoyi) 中的 `sql/结构和数据.sql`(执行查询则复制文件内容并执行)，加载 仅结构.sql 的话会没有具体功能

![](/media/202306/2023-06-27_140757_0401250.8404381312810617.png)
![](/media/202306/2023-06-27_141049_3980270.19067522129801628.png)

## 编译后端
1. 下载最新后端文件
2. 使用 IDEA 加载整个项目
3. 创建并修改 `...\ruoyi-admin\src\main\resources\application-dev.yml`
可以从 application-druid.yml 复制而来，着重修改 mysql、redis 配置
若修改无效，尝试修改 application-druid.yml 再构建
```yaml
# 数据源配置
spring:
  datasource:
    type: com.alibaba.druid.pool.DruidDataSource
    driverClassName: com.mysql.cj.jdbc.Driver
    druid:
      # 主库数据源
      master:
        url: jdbc:mysql://localhost:3306/wms?useUnicode=true&characterEncoding=utf8&useSSL=false&useLegacyDatetimeCode=false&serverTimezone=UTC&createDatabaseIfNotExist=true&allowPublicKeyRetrieval=true
        username: root
        password: ai773203918
      # 从库数据源
      slave:
        # 从数据源开关/默认关闭
        enabled: false
        url:
        username:
        password:
      statViewServlet:
        # 控制台管理用户名和密码
        login-username:
        login-password:
  # redis 配置
  redis:
    # 地址
    host: localhost
    # 端口，默认为6379
    port: 6379
    # 数据库索引
    database: 1
    # 密码
    password:
ruoyi:
  # 文件路径 示例（ Windows配置D:/ruoyi/uploadPath，Linux配置 /home/ruoyi/uploadPath）
  profile: C:/ruoyi/uploadPath
scheduling:
  enabled: false
```
4. 编译后端
这里为了方便直接使用 `IDEA` 来编译 jar(官方的少了需先在ruoyi根目录运行 mvn clean install)
![](/media/202306/2023-06-27_143114_1243980.13595719446671573.png)
编译的jar在 `...\ruoyi-admin\target\ruoyi-admin.jar`，可以右键直接运行来测试
也可使用 `java -jar ruoyi-admin.jar` 来运行
5. 测试，直接访问 [http://localhost:8080/](http://localhost:8080/) ，默认用户 `cyl` 密码 `cyl_666`
6. 测试可以后， `...\ruoyi-admin\target\ruoyi-admin.jar` 这个java程序就可以独立运行了

## 编译前端
1. 下载最新前端文件
2. 修改配置文件，两个环境的都修改了
`...\.env.production` 为开发环境配置；`...\.env.production` 为生成环境配置
```bash
# 设置页面标题
VUE_APP_TITLE = ZWZW仓库管理系统
# 之前指定的为官方后端api，修改成我们自己的
VUE_APP_BASE_API = 'http://localhost:8080'
```
3. 测试并构建静态页面
```bash
npm install --registry=https://registry.npmmirror.com		# 安装所需环境
npm run dev		# 启动服务(用于测试)
npm run build:prod		# 构建(stage 测试/prod 生成)
```
4. 静态页面
构建完成后所有的静态页面会存在 `...\dist` 下，全部复制走即可
必须要部署web后才可正常使用，直接运行index.html是无效的

>w web页面对于需要修改的部分可以直接通过搜索关键字来修改即可

## 整合成 Docker版
1. 后端修改 `...\ruoyi-admin\src\main\resources\application-dev.yml`
主要把 MySQL和redis 相关配置设置为变量，Docker时使用变量来配置
```yaml
# 数据源配置
spring:
    datasource:
        type: com.alibaba.druid.pool.DruidDataSource
        driverClassName: com.mysql.cj.jdbc.Driver
        druid:
            # 主库数据源
            master:
                # ${MYSQL_HOST}为MySQL服务器域名IP,${MYSQL_PORT}为NySQL服务器端口,${MYSQL_DATABASE}为NySQL对应数据库,${MYSQL_USERNAME}为MySQL数据库用户名,${MYSQL_PASSWORD}为MySQL数据库密码
                url: jdbc:mysql://${MYSQL_HOST}:${MYSQL_PORT}/${MYSQL_DATABASE}?useUnicode=true&characterEncoding=utf8&useSSL=false&useLegacyDatetimeCode=false&serverTimezone=UTC&createDatabaseIfNotExist=true&allowPublicKeyRetrieval=true
                username: ${MYSQL_USERNAME}
                password: ${MYSQL_PASSWORD}
            # 从库数据源
            slave:
                # 从数据源开关/默认关闭
                enabled: false
                url:
                username:
                password:
            statViewServlet:
                # 控制台管理用户名和密码
                login-username:
                login-password:
    # redis 配置
    redis:
        # ${REDIS_HOST}为redis服务器域名IP,${REDIS_PORT}为redis服务器端口,${REDIS_DATABASE}为数据库索引,${REDIS_PASSWORD}为redis密码
        # 地址
        host: ${REDIS_HOST}
        # 端口，默认为6379
        port: ${REDIS_PORT}
        # 数据库索引
        database: ${REDIS_DATABASE}
        # 密码
        password: ${REDIS_PASSWORD}
ruoyi:
    # 文件路径 示例（ Windows配置D:/ruoyi/uploadPath，Linux配置 /home/ruoyi/uploadPath）
    profile: C:/ruoyi/uploadPath
scheduling:
    enabled: false
```
2. 前端修改 `...\.env.production` `...\.env.production`
```yaml
# 后端连接设置为子连接,无需管域名或IP
VUE_APP_BASE_API = '/prod-api'
```
3. 前后端修改后编译对应 jar 和 静态网页
4. 创建 Nginx 配置文件 `nginx.conf`
```bash
user nginx;
worker_processes auto;
error_log /var/log/nginx/error.log;
pid /run/nginx.pid;
events {
  worker_connections 1024;
}
http {
  include mime.types;
  charset UTF-8;
  # HTTPS反向代理
  server {
    listen       80;
    server_name  localhost;
    # 反向代理的目标URL
    location / {
        root   /var/www/html;
        index  index.html index.htm;
        try_files $uri $uri/ /index.html;
    }
    location /prod-api/ {
        proxy_pass  http://ruoyiapp:8080/; # 转发规则写后端服务名称(Docker的)
        proxy_set_header Host $proxy_host; # 修改转发请求头,让8080端口的应用可以受到真实的请求
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    }
  }
}
```
5. 创建 `Dockerfile` 构建镜像文件(用作于构建后端)
```bash
# java和openjdk都不好用,可用 loneops/sunjdk8 amazoncorretto ibmjava sapmachine
FROM amazoncorretto
# copy 编译的后端 jar包 命名为 app.jar
COPY *.jar /app.jar
# 暴露端口(后端服务就是8080端口)
EXPOSE 8080
# 启动 jar包 可通过 PARAM 配置额外启动参数
ENTRYPOINT java ${PARAM} -jar app.jar
```
6. 创建 `docker-compose.yml` Docker部署文件
```yaml
version: "3.8"
services:
  mysql:  # mysql服务
    image: mysql
    volumes:
      - ./mysql:/var/lib/mysql
    restart: always
    container_name: ruoyi-mysql
    # ports:  # 如果是添加数据库内容,推荐先开启方便添加,添加完成后再关闭
    #   - 3306:3306
    environment:
      - MYSQL_ROOT_PASSWORD=ai773203918
      - MYSQL_DATABASE=wms
  redis:  # redis服务
    image: library/redis:alpine
    container_name: ruoyi-redis
    # ports:
    #   - 6379:6379
    # 给redis设置密码
    # command: redis-server --requirepass ai773203918 --appendonly yes
    volumes:
      - ./redis:/data
    restart: always
  ruoyiapp:  # 若依后端
    image: ruoyiapp  # 自行构建
    build: .  # build值为 . 表示从当前目录找Dockerfile进行构建
    restart: always
    container_name: ruoyi-app
    # ports:
    #   - 8080:8080
    # 后端项目需要的配置,可修改无配置则为空但不能删除
    environment:
      - REDIS_HOST=redis
      - REDIS_PORT=6379
      - REDIS_DATABASE=1
      - REDIS_PASSWORD=
      - MYSQL_HOST=mysql
      - MYSQL_PORT=3306
      - MYSQL_DATABASE=wms
      - MYSQL_USERNAME=root
      - MYSQL_PASSWORD=ai773203918
    depends_on:  # 等待其他基础服务启动后启动
      - redis
      - mysql
  nginx:  # 若依前端
    image: nginx
    container_name: ruoyi-nginx
    ports:
      - '8099:80'  # 对外开放端口(其它容器都走内部,故只开放这个容器)
    volumes:
      - ./nginx.conf:/etc/nginx/nginx.conf
      - ./www:/var/www/html
    depends_on:  # 等待其他基础服务启动后启动
      - redis
      - mysql
      - ruoyiapp
    restart: always
```
7. 把相关文件都放入到 wms文件夹下
参照下方格式路径，实际部署还会有 `mysql`、`redis` 这两个文件夹
![](/media/202306/2023-06-27_173215_8646830.6237531337594582.png)
8. 构建并部署服务器
```bash
# 一键构建并部署服务
docker-compose up -d
# 手动构建镜像
docker build -t ruoyi-wms .
# 修改 docker-compose.yml
	image: ruoyi-wms  # 使用刚构建好的镜像
	# build: .  # 已经构建好了,无需再构建
```
9. 添加 MySQL 数据库
如果不添加数据库，后端会反复重启(没数据库)
添加步骤参看上方的 `MySQL 添加数据库及其数据`，注意默认是`未开放 MySQL对应端口的`
10. 现在可以正常使用了

### 使用我构建好的
```yaml
version: "3.8"
services:
mysql:  # mysql服务
 image: mysql
 volumes:
   - ./mysql:/var/lib/mysql
 restart: always
 container_name: ruoyi-mysql
 ports:  # 如果是添加数据库内容,推荐先开启方便添加,添加完成后再关闭
   - 3306:3306
 environment:
   - MYSQL_ROOT_PASSWORD=ai773203918
   - MYSQL_DATABASE=wms
redis:  # redis服务
 image: library/redis:alpine
 container_name: ruoyi-redis
 # ports:
 #   - 6379:6379
 # 给redis设置密码
 # command: redis-server --requirepass ai773203918 --appendonly yes
 volumes:
   - ./redis:/data
 restart: always
ruoyiapp:  # 若依后端
 image: nas.918178.xyz:10088/library/ruoyi-wms  # 使用我构建好的
 restart: always
 container_name: ruoyi-app
 # ports:
 #   - 8080:8080
 # 后端项目需要的配置,可修改无配置则为空但不能删除
 environment:
   - REDIS_HOST=redis
   - REDIS_PORT=6379
   - REDIS_DATABASE=1
   - REDIS_PASSWORD=
   - MYSQL_HOST=mysql
   - MYSQL_PORT=3306
   - MYSQL_DATABASE=wms
   - MYSQL_USERNAME=root
   - MYSQL_PASSWORD=ai773203918
 depends_on:  # 等待其他基础服务启动后启动
   - redis
   - mysql
nginx:  # 若依前端
 image: nginx
 container_name: ruoyi-nginx
 ports:
   - '8099:80'  # 对外开放端口(其它容器都走内部,故只开放这个容器)
 volumes:
   - ./nginx.conf:/etc/nginx/nginx.conf
   - ./www:/var/www/html
 depends_on:  # 等待其他基础服务启动后启动
   - redis
   - mysql
   - ruoyiapp
 restart: always
```

**相关教程：**
[linux环境docker部署ruoyi-vue（若依）总结](https://zhuanlan.zhihu.com/p/438076591)
[别不信，若依项目只需一个yml文件即可部署](https://blog.csdn.net/m0_46698142/article/details/114759833)
[手把手教你Docker部署若依项目（前端服务）](https://blog.csdn.net/m0_46698142/article/details/114888892)
[手把手教你Docker部署若依项目（后端服务）](https://blog.csdn.net/m0_46698142/article/details/114889286)
[手把手教你Docker部署若依项目（整合）](https://blog.csdn.net/m0_46698142/article/details/114891560)