优化 docker 构建的镜像文件大小，添加自动化构建 (#42)

* perf: optimize docker image

* perf: shrink image size

* fix: build docker image

* fix: docker image namespace

* docs: add docker compose example

* docs: fix docker compose example

* docs: fix again :)

* docs: and again.....

.github/workflows/build_docker.yml

@@ -0,0 +1,37 @@
+name: build_docker
+
+on:
+  push:
+    branches: [ main ]
+
+jobs:
+  build_docker:
+    name: Build docker
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+      - name: Docker meta
+        id: meta
+        uses: docker/metadata-action@v4
+        with:
+          images: 0xjerry/chatgpt-web
+
+      - name: Set up QEMU
+        uses: docker/setup-qemu-action@v2
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v2
+      - name: Login to DockerHub
+        uses: docker/login-action@v2
+        with:
+          username: ${{ secrets.DOCKERHUB_USERNAME }}
+          password: ${{ secrets.DOCKERHUB_TOKEN }}
+      - name: Build and push
+        id: docker_build
+        uses: docker/build-push-action@v4
+        with:
+          context: .
+          push: true
+          tags: ${{ steps.meta.outputs.tags }}
+          labels: ${{ steps.meta.outputs.labels }}
+          platforms: linux/amd64,linux/arm64

Dockerfile

@@ -1,19 +1,20 @@
-FROM node:lts
+# build front-end
+FROM node:lts-alpine AS builder
 
-# copy resource
-RUN mkdir /app
 COPY ./ /app
 WORKDIR /app
 
-# build
+RUN npm install pnpm -g && pnpm install && pnpm run build
-RUN npm install pnpm -g
+
-RUN pnpm bootstrap
+# service
-WORKDIR /app/service
+FROM node:lts-alpine
-RUN pnpm install
+
-WORKDIR /app
+COPY /service /app
+COPY --from=builder /app/dist /app/public
+
+WORKDIR /app
+RUN npm install pnpm -g && pnpm install
 
-EXPOSE 1002
 EXPOSE 3002
 
-CMD ["/bin/bash","./start.sh"]
+CMD ["pnpm", "run", "start"]
-

README.md

@@ -109,6 +109,20 @@ docker build -t marlkiller/chatgpt-web .
 docker run -p 1002:1002 marlkiller/chatgpt-web
 ```
 
+## Docker compose
+
+```yml
+version: '3'
+
+service:
+  app:
+    image: 0xjerry/chatgpt-web
+    ports:
+      - 3002:3002
+    environment:
+      OPENAI_API_KEY: xxxxxx
+```
+
 ### 网页
 
 根目录下运行以下命令，然后将 `dist` 文件夹复制到你的托管服务器上