!2 添加 Docker 支持

Merge pull request !2 from 青木/dev

Dockerfile

@@ -0,0 +1,47 @@
+# syntax = docker/dockerfile:experimental
+# 使用了 Docker 特性 Buildx 请开启相关特性
+
+FROM node:16-alpine AS builder
+
+ARG PLATFORM=$PLATFORM
+
+WORKDIR /workspace
+
+COPY . /workspace
+
+RUN sed -i 's/dl-cdn.alpinelinux.org/mirrors.ustc.edu.cn/g' /etc/apk/repositories
+RUN apk update
+RUN apk add --no-cache --virtual .build-deps alpine-sdk python3
+
+RUN npm config set registry https://registry.npmmirror.com
+
+RUN cd /workspace/jeepay-ui-${PLATFORM} && npm install  && npm run build
+
+
+FROM nginx:alpine
+
+ARG PLATFORM=$PLATFORM
+
+ENV BACKEND_HOST $BACKEND_HOST
+
+WORKDIR /workspace
+
+COPY --from=builder /workspace/jeepay-ui-${PLATFORM}/dist /workspace
+RUN chmod a+r /workspace
+
+RUN rm -rf /etc/nginx/conf.d/default.conf
+
+COPY --from=builder /workspace/default.conf.template /etc/nginx/templates/default.conf.template
+
+# 编译命令
+# docker buildx build . --build-arg PLATFORM=cashier -t jeepay-payment:latest
+# docker buildx build . --build-arg PLATFORM=manager -t jeepay-manager:latest
+# docker buildx build . --build-arg PLATFORM=merchant -t jeepay-merchant:latest
+#
+# 如果你需要多平台镜像，你可以使用 --platform linux/amd64,linux/arm64
+# 比如 docker buildx build . --build-arg PLATFORM=cashier -t jeepay-ui-cashier:latest --platform linux/amd64,linux/arm64
+#
+# 启动命令
+# docker run -d -p 9226:80 -e BACKEND_HOST=172.20.0.9216 jeepay-ui-cashier:latest
+# docker run -d -p 9227:80 -e BACKEND_HOST=172.20.0.9217 jeepay-ui-manager:latest
+# docker run -d -p 9228:80 -e BACKEND_HOST=172.20.0.9218 jeepay-ui-merchant:latest

default.conf.template

@@ -0,0 +1,52 @@
+server {
+    listen      80;
+    listen      [::]:80;
+    server_name localhost;
+    root        /workspace/;
+
+    try_files $uri $uri/ /index.html;
+
+    location /api/ {
+        proxy_next_upstream http_502 http_504 error timeout invalid_header;
+
+        proxy_pass http://$BACKEND_HOST;
+
+        proxy_set_header Host  $host;
+        proxy_set_header X-Real-IP $remote_addr;
+        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+        proxy_set_header Upgrade $http_upgrade;
+        proxy_set_header Connection "upgrade";
+    }
+
+    # favicon.ico
+    location = /favicon.ico {
+        log_not_found off;
+        access_log    off;
+    }
+
+    # robots.txt
+    location = /robots.txt {
+        log_not_found off;
+        access_log    off;
+    }
+
+    # assets, media
+    location ~* \.(?:css(\.map)?|js(\.map)?|jpe?g|png|gif|ico|cur|heic|webp|tiff?|mp3|m4a|aac|ogg|midi?|wav|mp4|mov|webm|mpe?g|avi|ogv|flv|wmv)$ {
+        expires    7d;
+        access_log off;
+    }
+
+    # svg, fonts
+    location ~* \.(?:svgz?|ttf|ttc|otf|eot|woff2?)$ {
+        add_header Access-Control-Allow-Origin "*";
+        expires    7d;
+        access_log off;
+    }
+
+    # gzip
+    gzip            on;
+    gzip_vary       on;
+    gzip_proxied    any;
+    gzip_comp_level 6;
+    gzip_types      text/plain text/css text/xml application/json application/javascript application/rss+xml application/atom+xml image/svg+xml;
+}