优化 docker 构建的镜像文件大小，添加自动化构建 (Chanzhaoyu#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
-RUN pnpm bootstrap
-WORKDIR /app/service
-RUN pnpm install
+RUN npm install pnpm -g && pnpm install && pnpm run build
+
+# service
+FROM node:lts-alpine
+
+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` 文件夹复制到你的托管服务器上