是否可以部署为docker

[kokojacket]

大佬写个dockerfile吧

[cfour-hi]

安排

[xy2yp]

安排

大佬，安排上了吗？

[iqeqsun]

期待docker部署版本 2024-11-28 10:44:04

[BEN-28]

# 第一阶段：构建应用
FROM node:20-bullseye AS builder

# 安装系统依赖
RUN apt-get update && apt-get install -y git

# 克隆项目
RUN git clone https://github.com/cfour-hi/gitstars.git /app
WORKDIR /app

# 安装 pnpm (项目使用 pnpm-lock.yaml)
RUN npm install -g pnpm

# 安装项目依赖
RUN pnpm install --frozen-lockfile

# 执行构建 (使用 Vite)
RUN pnpm run build

# 第二阶段：生产环境
FROM nginx:1.29.0-alpine

# 复制构建产物 (Vite 默认输出到 dist 目录)
COPY --from=builder /app/dist /usr/share/nginx/html

# 复制自定义 SVG 图标 (根据 vite.config.js 配置)
COPY --from=builder /app/src/svg-icons /usr/share/nginx/html/svg-icons

# 内置 Nginx 配置 (包含 SPA 路由支持和 Gzip 压缩)
RUN echo 'server {' > /etc/nginx/conf.d/default.conf && \
    echo '    listen 80;' >> /etc/nginx/conf.d/default.conf && \
    echo '    server_name localhost;' >> /etc/nginx/conf.d/default.conf && \
    echo '    location / {' >> /etc/nginx/conf.d/default.conf && \
    echo '        root /usr/share/nginx/html;' >> /etc/nginx/conf.d/default.conf && \
    echo '        index index.html;' >> /etc/nginx/conf.d/default.conf && \
    echo '        try_files $uri $uri/ /index.html;' >> /etc/nginx/conf.d/default.conf && \
    echo '    }' >> /etc/nginx/conf.d/default.conf && \
    echo '    gzip on;' >> /etc/nginx/conf.d/default.conf && \
    echo '    gzip_types text/plain text/css application/json application/javascript;' >> /etc/nginx/conf.d/default.conf && \
    echo '}' >> /etc/nginx/conf.d/default.conf

# 暴露端口
EXPOSE 80

# 启动 Nginx
CMD ["nginx", "-g", "daemon off;"]

[YU-7]

我写了一个，提交了pr #65, vercel部分没有测试过

[BEN-28]

这个缺环境变量VITE_GITSTARS_CLIENT_ID。我后面才看到你那个“Vercel 部署”的

# 第一阶段：构建应用
FROM node:20-bullseye AS builder

# 安装系统依赖
RUN apt-get update && apt-get install -y git

# 克隆项目
RUN git clone https://github.com/cfour-hi/gitstars.git /app
WORKDIR /app

# 安装 pnpm
RUN npm install -g pnpm

# 设置构建环境变量 (在构建时注入)
ARG VITE_GITSTARS_CLIENT_ID
ENV VITE_GITSTARS_CLIENT_ID=$VITE_GITSTARS_CLIENT_ID

# 安装项目依赖并构建
RUN pnpm install --frozen-lockfile
RUN pnpm run build

# 第二阶段：生产环境
FROM nginx:1.29.0-alpine

# 复制构建产物
COPY --from=builder /app/dist /usr/share/nginx/html

# 复制 SVG 图标
COPY --from=builder /app/src/svg-icons /usr/share/nginx/html/svg-icons

# 内置 Nginx 配置
RUN echo 'server {' > /etc/nginx/conf.d/default.conf && \
    echo '    listen 80;' >> /etc/nginx/conf.d/default.conf && \
    echo '    server_name localhost;' >> /etc/nginx/conf.d/default.conf && \
    echo '    location / {' >> /etc/nginx/conf.d/default.conf && \
    echo '        root /usr/share/nginx/html;' >> /etc/nginx/conf.d/default.conf && \
    echo '        index index.html;' >> /etc/nginx/conf.d/default.conf && \
    echo '        try_files $uri $uri/ /index.html;' >> /etc/nginx/conf.d/default.conf && \
    echo '    }' >> /etc/nginx/conf.d/default.conf && \
    echo '    gzip on;' >> /etc/nginx/conf.d/default.conf && \
    echo '    gzip_types text/plain text/css application/json application/javascript;' >> /etc/nginx/conf.d/default.conf && \
    echo '}' >> /etc/nginx/conf.d/default.conf

# 暴露端口
EXPOSE 80

# 启动 Nginx
CMD ["nginx", "-g", "daemon off;"]

构建命令

docker build \
  --build-arg VITE_GITSTARS_CLIENT_ID='your_client_id' \
  -t gitstars-app .

运行命令
docker run -d -p 30000:80 -e CLIENT_ID='your_client_id' --name gitstars-container gitstars-app

不过我不用Vercel 部署，而是直接本地运行的。我用nginx将/api/oauth/access_token请求转发给本地的express，完成授权的。

[YU-7]

一样的，我也是用express的，我没有把前端打包，直接运行的vite，这样用docker可以替换vite的环境变量

这个缺环境变量VITE_GITSTARS_CLIENT_ID。我后面才看到你那个“Vercel 部署”的

# 第一阶段：构建应用
FROM node:20-bullseye AS builder

# 安装系统依赖
RUN apt-get update && apt-get install -y git

# 克隆项目
RUN git clone https://github.com/cfour-hi/gitstars.git /app
WORKDIR /app

# 安装 pnpm
RUN npm install -g pnpm

# 设置构建环境变量 (在构建时注入)
ARG VITE_GITSTARS_CLIENT_ID
ENV VITE_GITSTARS_CLIENT_ID=$VITE_GITSTARS_CLIENT_ID

# 安装项目依赖并构建
RUN pnpm install --frozen-lockfile
RUN pnpm run build

# 第二阶段：生产环境
FROM nginx:1.29.0-alpine

# 复制构建产物
COPY --from=builder /app/dist /usr/share/nginx/html

# 复制 SVG 图标
COPY --from=builder /app/src/svg-icons /usr/share/nginx/html/svg-icons

# 内置 Nginx 配置
RUN echo 'server {' > /etc/nginx/conf.d/default.conf && \
    echo '    listen 80;' >> /etc/nginx/conf.d/default.conf && \
    echo '    server_name localhost;' >> /etc/nginx/conf.d/default.conf && \
    echo '    location / {' >> /etc/nginx/conf.d/default.conf && \
    echo '        root /usr/share/nginx/html;' >> /etc/nginx/conf.d/default.conf && \
    echo '        index index.html;' >> /etc/nginx/conf.d/default.conf && \
    echo '        try_files $uri $uri/ /index.html;' >> /etc/nginx/conf.d/default.conf && \
    echo '    }' >> /etc/nginx/conf.d/default.conf && \
    echo '    gzip on;' >> /etc/nginx/conf.d/default.conf && \
    echo '    gzip_types text/plain text/css application/json application/javascript;' >> /etc/nginx/conf.d/default.conf && \
    echo '}' >> /etc/nginx/conf.d/default.conf

# 暴露端口
EXPOSE 80

# 启动 Nginx
CMD ["nginx", "-g", "daemon off;"]

构建命令

docker build \
  --build-arg VITE_GITSTARS_CLIENT_ID='your_client_id' \
  -t gitstars-app .

运行命令 docker run -d -p 30000:80 -e CLIENT_ID='your_client_id' --name gitstars-container gitstars-app

不过我不用Vercel 部署，而是直接本地运行的。我用nginx将/api/oauth/access_token请求转发给本地的express，完成授权的。

[BEN-28]

所以现在问题是，授权时重定向后源码中的api/oauth/access_token.js文件没执行么？

[YU-7]

所以现在问题是，授权时重定向后源码中的api/oauth/access_token.js文件没执行么？

没有啊，我这个可以正常运行的，只是我改了代码，不保证vercel部署没有问题