捷径

切换主题

1Panel容器化部署 ​

1. 拉取镜像 ​

An image

点击下方的拉取镜像

An image

hamwong233/shortcut-backend
hamwong233/shortcut-admin-frontend
hamwong233/shortcut-user-frontend

依次拉取后端、管理前端、用户前端的docker镜像

2. 新建数据库 ​

注意是新建不是新安装

新建一个mysql的数据库，数据库如果是容器的话 ( 注意做好持久化 ) ，需要对外暴露端口 ( 不必要开启服务器外部访问 ) 如果服务器没有装redis的话也要安装一下，redis如果是容器的话，需要对外暴露端口 ( 不必要开启服务器外部访问 )

3. 修改配置文件，容器编排 ​

创建挂载文件夹 ​

在服务器上找一个位置创建一个目录，用于挂载后端配置文件，并方便查看日志 ( 路径可以参考我的 )

An image

目录下的文件，在群文件里面下载 ( 挂载文件 )

修改配置 ​

修改后端配置 ​

backend/config.yml：

An image

后端配置中的端口请填写一个本地空闲的端口，避免冲突，然后注意配置其他标注的配置，jwt令牌密钥随便搞一串字符串(英文或数字)即可，然后需要配置你本地的mysql和redis(没有的话装一下)

容器编排 ​

来到容器编排页面

An image

文件夹随便起名，我起名shortcut，在下面填写配置中复制以下编排配置

name: 'shortcut'

services:
  backend:
    image: hamwong233/shortcut-backend:latest
    container_name: shortcut-backend
    network_mode: "host"
    volumes:
      - /opt/1panel/apps/shortcut/backend/config.yml:/app/config.yml
      - /opt/1panel/apps/shortcut/backend/logs/:/app/logs/
      - /opt/1panel/apps/shortcut/backend/uploads/:/app/uploads/
      - /etc/localtime:/etc/localtime:ro
      - /etc/timezone:/etc/timezone:ro

  admin-frontend:
    image: hamwong233/shortcut-admin-frontend:latest
    container_name: shortcut-admin-frontend
    depends_on:
      - backend
    ports:
      - "3001:80"
    env_file:
      - 1panel.env

  user-frontend:
    image: hamwong233/shortcut-user-frontend:latest
    container_name: shortcut-user-frontend
    depends_on:
      - backend
    ports:
      - "3000:3000"
    env_file:
      - 1panel.env

An image

注意修改这些路径为你在前面创建的文件夹路径，如果前面建文件夹参考了我的话，这几个路径不用在意

提示

如果3000端口和3001端口在你本地已经被使用了的话，修改admin-frontend下面的ports和user-frontend下面的ports

例如："3001:80"，如果你的3001端口被占用，只修改前面的端口为其他空闲端口即可

下面的.env内容填写

DOMAIN=http://test.devdeg.com

把等于号后面的域名替换为你的域名，用于前端自动替换接口地址 ( 请根据实际情况选择填写http还是https )

An image

出现上面这一句话，表示容器编排成功

然后来到容器页面，查看是否都正常启动

An image

没问题的话，继续下面的步骤

4. 反代本地端口 ​

来到网站界面，点击创建网站

An image

域名填写你的域名，代理地址填写 127.0.0.1:3000 ( 这里代理的是user-frontend，假如前面你修改了端口，修改3000为你修改后的端口即可 )，之后点击确认

点击配置

An image

点击反向代理

An image

点击创建，依次添加下方

An image

上面的3001对应的admin-frontend，如果你修改了默认的端口，上面后端代理地址的端口也要修改对应端口

An image

上面的8080对应的backend，如果你修改了默认的端口，上面后端代理地址的端口也要修改对应端口

点击确认后，现在反向代理列表应该是这样的：

An image

现在访问你的域名，不出意外已经可以访问

默认用户名密码：superAdmin 12345678