浅念
7ef27797ff
用户约定：32005 根路径打开即管理后台。之前是直接改在服务器容器配置上的，
历次镜像重建被冲掉——本次固化进仓库：nginx 模板 location = / → 302
${ROOT_REDIRECT}；Dockerfile 默认 /admin/；compose 按栈注入（cn=/admin/，
ov=/index.html 观众端安全自指，不影响 /a/<token> 与嵌入路径）。
Co-Authored-By: Claude Code <noreply@anthropic.com>
69 lines
3.4 KiB
Docker
69 lines
3.4 KiB
Docker
# syntax=docker/dockerfile:1
|
||
# docker/web.Dockerfile —— photo-live-web 前端网关镜像（P5-prep Task 1）。
|
||
# nginx:alpine 承载 viewer（/，history 路由）+ admin（/admin/，hash 路由）
|
||
# + /v1 反代 API（API_UPSTREAM env，含 /v1/realtime WS 升级）
|
||
# + /embed/v1/ 与 /assets/ 内容寻址长缓存（见 infra/deploy/nginx.conf.template）。
|
||
#
|
||
# 构建（VITE_* 为构建期变量——viewer/admin 的 API 基址在产物内固化）：
|
||
# docker build -f docker/web.Dockerfile \
|
||
# --build-arg VITE_VIEWER_BASE=https://viewer.example.com \
|
||
# --build-arg VITE_EMBED_ORIGIN=https://viewer.example.com \
|
||
# -t photo-live-web:<tag> .
|
||
# VITE_API_BASE 缺省空串（同源 /v1，经本镜像 nginx 反代）——cn/ov 两地域共用
|
||
# 同一构建参数集，API 差异全部由运行时 API_UPSTREAM 承担。
|
||
|
||
# ── 阶段 1：构建 ──
|
||
FROM node:20-alpine AS build
|
||
WORKDIR /app
|
||
ENV COREPACK_ENABLE_DOWNLOAD_PROMPT=0
|
||
RUN corepack enable
|
||
COPY package.json pnpm-lock.yaml pnpm-workspace.yaml ./
|
||
COPY apps/admin/package.json apps/admin/
|
||
COPY apps/viewer/package.json apps/viewer/
|
||
COPY packages/contracts/package.json packages/contracts/
|
||
COPY packages/db-cn/package.json packages/db-cn/
|
||
COPY packages/db-ov/package.json packages/db-ov/
|
||
COPY packages/embed-loader/package.json packages/embed-loader/
|
||
COPY packages/storage/package.json packages/storage/
|
||
COPY services/api/package.json services/api/
|
||
COPY services/sync/package.json services/sync/
|
||
COPY services/worker/package.json services/worker/
|
||
RUN --mount=type=cache,target=/root/.local/share/pnpm/store \
|
||
pnpm install --frozen-lockfile
|
||
COPY packages packages
|
||
COPY apps apps
|
||
# 构建期 VITE 变量（进程 env 优先级高于 apps/*/.env* 文件）：
|
||
# VITE_API_BASE viewer API 基址；空串=同源相对路径（生产网关形态，缺省）。
|
||
# VITE_BASE_URL admin 资源前缀=/admin/（nginx 子路径挂载；hash 路由）。
|
||
# VITE_VIEWER_BASE / VITE_EMBED_ORIGIN admin「分享卡/嵌入代码」拼 URL 用，
|
||
# 随真实域名构建时传入（缺省 dev 兜底仅作占位）。
|
||
ARG VITE_API_BASE=""
|
||
ARG VITE_BASE_URL=/admin/
|
||
ARG VITE_VERSION=0.1.0
|
||
ARG VITE_VIEWER_BASE=http://127.0.0.1:5175
|
||
ARG VITE_EMBED_ORIGIN=http://127.0.0.1:5175
|
||
ENV VITE_API_BASE=${VITE_API_BASE} \
|
||
VITE_BASE_URL=${VITE_BASE_URL} \
|
||
VITE_VERSION=${VITE_VERSION} \
|
||
VITE_VIEWER_BASE=${VITE_VIEWER_BASE} \
|
||
VITE_EMBED_ORIGIN=${VITE_EMBED_ORIGIN}
|
||
# embed-loader 先构建并同步进 viewer publicDir（loader.js 内容寻址路径 /embed/v1/），
|
||
# 随后 viewer / admin 构建（contracts 是两者的类型/运行时依赖，先出 dist）。
|
||
RUN pnpm --filter @photo/contracts run build \
|
||
&& pnpm --filter @photo/embed-loader run build \
|
||
&& pnpm --filter @photo/embed-loader run sync \
|
||
&& pnpm --filter @photo/viewer run build \
|
||
&& pnpm --filter @photo/admin run build
|
||
|
||
# ── 阶段 2：nginx ──
|
||
FROM nginx:alpine
|
||
# 官方镜像启动时 envsubst 渲染 /etc/nginx/templates/*.template → conf.d；
|
||
# API_UPSTREAM 由 compose environment 注入（缺省指向 cn API 容器名）。
|
||
ENV API_UPSTREAM=http://api-cn:8080
|
||
# 根路径跳转目标（cn 默认进后台；ov 栈 compose 覆盖为 /index.html 安全自指）。
|
||
ENV ROOT_REDIRECT=/admin/
|
||
COPY infra/deploy/nginx.conf.template /etc/nginx/templates/default.conf.template
|
||
COPY --from=build /app/apps/viewer/dist /usr/share/nginx/html/viewer
|
||
COPY --from=build /app/apps/admin/dist /usr/share/nginx/html/admin
|
||
EXPOSE 80
|