fixed: build

.github/workflows/build.yml

@@ -0,0 +1,36 @@
+name: EstablishDockerImage
+
+on:
+  push:
+    tags:
+      - "*"
+
+env:
+  IMAGE_FQDN: registry.cn-hangzhou.aliyuncs.com/playedu/light
+
+jobs:
+  build-and-push:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+        with:
+          submodules: recursive
+      - name: Set up QEMU
+        uses: docker/setup-qemu-action@v2
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v2
+      - name: Login to GHCR
+        uses: docker/login-action@v2
+        with:
+          registry: registry.cn-hangzhou.aliyuncs.com
+          username: ${{ secrets.ALI_REGISTRY_EMAIL }}
+          password: ${{ secrets.ALI_REGISTRY_PASS }}
+      - name: Build
+        uses: docker/build-push-action@v3
+        with:
+          context: .
+          platforms: linux/amd64,linux/arm64
+          push: true
+          tags: |
+            ${{ env.IMAGE_FQDN }}:${{ github.ref_name }}

.gitignore

@@ -1,2 +1,3 @@
 frontend/
-backend/
+backend/
+h5/

Dockerfile

@@ -1,22 +1,51 @@
-FROM eclipse-temurin:17-alpine
+FROM node:20-alpine as NodeBuilder
 
-LABEL maintainer="0xtyz <tengyongzhi@meedu.vip>"
+# install git - apt-get replace with apk
+RUN apk update && \
+    apk upgrade && \
+    apk add --no-cache bash git openssh
 
-RUN sed -i 's/dl-cdn.alpinelinux.org/mirrors.aliyun.com/' /etc/apk/repositories && \
-sed -i 's/dl-cdn.alpinelinux.org/mirrors.aliyun.com/' /etc/apk/repositories && \
-sed -i 's/dl-cdn.alpinelinux.org/mirrors.aliyun.com/' /etc/apk/repositories
+# 编译后端
+WORKDIR /app
+RUN git clone -b 1.5 https://github.com/PlayEdu/backend.git backend
+RUN git clone -b 1.5 https://github.com/PlayEdu/frontend.git pc
+RUN git clone -b 1.5 https://github.com/PlayEdu/h5.git h5
 
-# 安装基本组件
-RUN apk update && apk add nginx
+# 编译后台
+WORKDIR /app/backend
+RUN npm i && VITE_APP_URL=/api/ npm run build
 
-RUN mkdir /app
+# 编译PC
+WORKDIR /app/pc
+RUN npm i && VITE_APP_URL=/api/ npm run build
 
-# Copy代码
-COPY frontend /app/frontend
-COPY backend /app/backend
-COPY api /app/api
-COPY conf/nginx.conf /etc/nginx/http.d/default.conf
+# 编译H5
+WORKDIR /app/h5
+RUN npm i && VITE_APP_URL=/api/ npm run build
+
+FROM registry.cn-hangzhou.aliyuncs.com/playedu/api:1.5.2
+
+LABEL maintainer="滕勇志 <tengyongzhi@meedu.vip>"
+
+# 使用东八区时间环境
+RUN echo "Asia/Shanghai" > /etc/timezone
+
+#安装基本组件
+RUN apt update && apt install -y nginx
+
+COPY docker/start.sh /app/api/start.sh
+
+RUN mv /app/app.jar /app/api/app.jar
+
+COPY --from=NodeBuilder /app/backend/dist /app/backend
+COPY --from=NodeBuilder /app/pc/dist /app/frontend
+COPY --from=NodeBuilder /app/h5/dist /app/h5
+
+# 复制nginx配置文件
+COPY docker/nginx/conf/nginx.conf /etc/nginx/sites-enabled/default
 
 RUN chmod +x /app/api/start.sh
 
+WORKDIR /app/api
+
 ENTRYPOINT ["/app/api/start.sh"]

README.md

@@ -1,13 +1,18 @@
-### PlayEdu Light Docker 构建方案
+## PlayEdu Light Docker 构建方案
 
-本套方案将 API + PC 前台 + 后台管理 三个整合在一个镜像当中，适用于轻量级客户。
+本套方案将 API + PC 前台 + H5 前台 + 后台管理 四个整合在一个镜像当中，适用于轻量级客户。
 
-### 使用官方镜像
+### 直接运行
 
 在命令行中执行：
 
 ```
-docker run -d -p 9700:80 -p 9800:9800 -p 9900:9900 --name playedu-light \
+docker run -d --restart=always \
+  --name playedu-light \
+  -p 9700:80 \
+  -p 9800:9800 \
+  -p 9801:9801 \
+  -p 9900:9900 \
   -e DB_HOST=数据库host \
   -e DB_PORT=数据库端口 \
   -e DB_NAME=数据库名 \
@@ -16,50 +21,17 @@ docker run -d -p 9700:80 -p 9800:9800 -p 9900:9900 --name playedu-light \
   -e REDIS_HOST=Redis的host \
   -e REDIS_PORT=Redis的端口 \
   -e REDIS_PASS=redis的密码 \
-  -e SA_TOKEN_JWT_SECRET_KEY=随机英文+数字的字符串 \
-  registry.cn-hangzhou.aliyuncs.com/playedu/light:1.0-beta.7.1
+  -e REDIS_DB=2 \
+  -e SA_TOKEN_IS_CONCURRENT=false \
+  -e SA_TOKEN_JWT_SECRET_KEY=playeduxyz \
+  registry.cn-hangzhou.aliyuncs.com/playedu/light:1.5.1
 ```
 
 跑起来之后，可以通过下面的链接访问前后台：
 
-| 端口     | 地址                       |
-| -------- | -------------------------- |
-| API 服务 | `http://你的服务器IP:9700` |
-| 学员界面 | `http://你的服务器IP:9800` |
-| 后台管理 | `http://你的服务器IP:9900` |
-
-### 自己动手
-
-- API 程序 `package` 之后，将 `jar` 包复制到 `api` 目录下，并重新命名为 `app.jar`
-- PC 界面程序 build 之后（`VITE_APP_URL=/api/` 应该这样设置），将 `dist` 目录复制到本项目的根目录，然后重命名为 `frontend`
-- 后台界面程序 build 之后（`VITE_APP_URL=/api/` 应该这样设置），将 `dist` 目录复制到本项目的根目录，然后重命名为 `backend`
-
-之后，在本项目目录命令执行：
-
-```
-docker build -t playedu-light .
-```
-
-执行完毕之后，可运行下面命令将 PlayEdu 服务跑起来：
-
-```
-docker run -d -p 9700:80 -p 9800:9800 -p 9900:9900 --name playedu-local \
-  -e DB_HOST=数据库host \
-  -e DB_PORT=数据库端口 \
-  -e DB_NAME=数据库名 \
-  -e DB_USER=数据库用户 \
-  -e DB_PASS=数据库密码 \
-  -e REDIS_HOST=Redis的host \
-  -e REDIS_PORT=Redis的端口 \
-  -e REDIS_PASS=redis的密码 \
-  -e SA_TOKEN_JWT_SECRET_KEY=随机英文+数字的字符串 \
-  playedu-light
-```
-
-跑起来之后，可以通过下面的链接访问前后台：
-
-| 端口     | 地址                       |
-| -------- | -------------------------- |
-| API 服务 | `http://你的服务器IP:9700` |
-| 学员界面 | `http://你的服务器IP:9800` |
-| 后台管理 | `http://你的服务器IP:9900` |
+| 端口         | 地址                       |
+| ------------ | -------------------------- |
+| API 服务     | `http://你的服务器IP:9700` |
+| 学员 PC 界面 | `http://你的服务器IP:9800` |
+| 学员 H5 界面 | `http://你的服务器IP:9801` |
+| 后台管理     | `http://你的服务器IP:9900` |

api/.gitignore

@@ -1,3 +0,0 @@
-*
-!.gitignore
-!start.sh

api/start.sh

@@ -1,5 +0,0 @@
-#!/bin/sh
-
-nginx
-
-java -jar /app/api/app.jar --spring.profiles.active=prod --spring.datasource.url="jdbc:mysql://${DB_HOST}:${DB_PORT:-3306}/${DB_NAME}?useUnicode=true&characterEncoding=UTF-8&autoReconnect=true&useSSL=false" --spring.datasource.username=${DB_USER} --spring.datasource.password=${DB_PASS} --spring.data.redis.host=${REDIS_HOST} --spring.data.redis.port=${REDIS_PORT} --spring.data.redis.password=${REDIS_PASS} --spring.data.redis.database=${REDIS_DB:-0} --sa-token.is-concurrent=${SA_TOKEN_IS_CONCURRENT:-false} --sa-token.jwt-secret-key=${SA_TOKEN_JWT_SECRET_KEY:-playeduxyz}

docker/nginx/conf/nginx.conf

@@ -1,3 +1,5 @@
+client_max_body_size 50m;
+
 server {
     # 监听端口号9800
 	listen 9800 default_server;
@@ -40,6 +42,48 @@ server {
     }
 }
 
+server {
+    # 监听端口号9801
+	listen 9801 default_server;
+    # 禁用绝对重定向
+    # 如果没有设置该配置项，当Nginx重定向时，它将使用绝对路径，这意味着当用户访问一个虚拟主机时
+    # Nginx可能会将他们重定向到另一个主机的URL，这可能会导致安全问题和用户体验问题。因此，通过
+    # 设置 absolute_redirect off ，Nginx将使用相对路径进行重定向，以确保用户在同一主机上进
+    # 行重定向，而不会遇到上述问题。
+	absolute_redirect off;
+    # 匹配任何主机名
+	server_name _;
+    # 指定Web应用程序的根目录
+	root /app/h5;
+    # 指定默认的索引文件为index.html
+	index index.html;
+    # 启用gzip压缩
+    gzip on;
+    gzip_static on;
+    gzip_buffers 4 16k;
+    gzip_http_version 1.1;
+    gzip_comp_level 5;
+    gzip_types text/plain application/javascript text/css application/xml text/javascript;
+    gzip_vary on;
+
+    # 将所有以/api/开头的请求代理到本地地址为127.0.0.1:9898的Web应用程序后端服务器
+	location /api/ {
+	    proxy_set_header X-Real-IP $remote_addr;
+	    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+	    proxy_pass http://127.0.0.1:9898/;
+	}
+
+    # 拒绝所有以.ht开头的请求
+    location ~ /\.ht {
+        deny all;
+    }
+
+    # 处理所有不以/api/开头的请求，尝试查找匹配的文件，如果没有找到则返回index.html
+    location ~* ^/(?![api].*) {
+        try_files $uri /index.html;
+    }
+}
+
 server {
     # 监听端口号9900
 	listen 9900 default_server;

docker/start.sh

@@ -0,0 +1,5 @@
+#!/bin/sh
+
+nginx
+
+java -jar /app/api/app.jar --spring.profiles.active=prod --spring.datasource.url="jdbc:mysql://${DB_HOST}:${DB_PORT:-3306}/${DB_NAME}?useUnicode=true&characterEncoding=UTF-8&autoReconnect=true&useSSL=false&allowPublicKeyRetrieval=true" --spring.datasource.username=${DB_USER} --spring.datasource.password=${DB_PASS} --spring.data.redis.host=${REDIS_HOST} --spring.data.redis.port=${REDIS_PORT} --spring.data.redis.password=${REDIS_PASS} --spring.data.redis.database=${REDIS_DB:-0} --sa-token.is-concurrent=${SA_TOKEN_IS_CONCURRENT:-false} --sa-token.jwt-secret-key=${SA_TOKEN_JWT_SECRET_KEY:-playeduxyz}