test

2026-04-20 12:51:03 +07:00
parent 8d3b8bdc23
commit fa6b610ddf
8 changed files with 90 additions and 95 deletions
--- a/00-init-tools.sh
+++ b/00-init-tools.sh
@@ -259,9 +259,6 @@ _install_pc_nginx_proxy() {
  local conf_src="${script_dir}/nginx/openim-pc-proxy.conf"
  local conf_name="openim-pc-proxy.conf"
  local proxy_domain="${PC_PROXY_DOMAIN:-cms-jack.imharry.work}"
-  local repo_root
-  repo_root="$(cd "${script_dir}/.." && pwd)"
-  local sdk_static_dir="/var/www/openim-pc-sdk"

  if [[ -f "$ENV_FILE" ]]; then
    # shellcheck source=/dev/null
@@ -274,31 +271,9 @@ _install_pc_nginx_proxy() {
    return 1
  fi

-  info "  准备 OpenIM WASM SDK 静态资源: ${sdk_static_dir}"
-  mkdir -p "$sdk_static_dir"
-  local sdk_lib_dir="${repo_root}/pc/node_modules/@openim/wasm-client-sdk/lib"
-  local sdk_assets_dir="${repo_root}/pc/node_modules/@openim/wasm-client-sdk/assets"
-  local pc_public_dir="${repo_root}/pc/public"
-  local asset src
-  for asset in worker.js worker-legacy.js; do
-    src="${sdk_lib_dir}/${asset}"
-    if [[ -s "$src" ]]; then
-      install -m 0644 "$src" "${sdk_static_dir}/${asset}"
-      success "  已安装 SDK worker: ${sdk_static_dir}/${asset}"
-    else
-      warn "  缺少 SDK worker: $src（请先执行 ./deploy-test/06-install-frontend.sh pc）"
-    fi
-  done
-  for asset in openIM.wasm sql-wasm.wasm wasm_exec.js; do
-    src="${pc_public_dir}/${asset}"
-    [[ -s "$src" ]] || src="${sdk_assets_dir}/${asset}"
-    if [[ -s "$src" ]]; then
-      install -m 0644 "$src" "${sdk_static_dir}/${asset}"
-      success "  已安装 SDK 资源: ${sdk_static_dir}/${asset}"
-    else
-      warn "  缺少 SDK 资源: ${asset}（请先执行 ./deploy-test/06-install-frontend.sh pc && ./deploy-test/07-start-frontend.sh pc）"
-    fi
-  done
+  if [[ ! -f /app/pc/dist/index.html ]]; then
+    warn "  /app/pc/dist/index.html 不存在；域名首页会不可用。请先执行: ./deploy-test/dt.sh pc-build"
+  fi

  if ! _has nginx; then
    if _has apt-get; then
@@ -342,6 +317,7 @@ _install_pc_nginx_proxy() {
  info "  本机 Nginx 仅监听 TCP 80；curl -sS -H 'Host: ${proxy_domain}' http://127.0.0.1/nginx-health 应返回 ok"
  info "  外部推荐入口 https://${proxy_domain} 应由 LB/CDN/其它网关终止 HTTPS 后转发到本机 :80"
  info "  建议 .env.deploy-test 设置 PC_BACKEND_ORIGIN=https://${proxy_domain}"
+  info "  PC 静态根目录: /app/pc/dist（请先执行 ./deploy-test/dt.sh pc-build）"
  info "  浏览器打开 https://${proxy_domain}/"
 }

--- a/01-init-env.sh
+++ b/01-init-env.sh
@@ -104,10 +104,10 @@ CF_CUSTOMER_CODE=huonxouoa55ent9z
 TENCENT_SDK_APP_ID=20033091
 TENCENT_SDK_SECRET_KEY=cceba44084aaa04f8c48a1858ffd5385875c3a5ec006d34278d9d3714b40e3b0

-# ── PC 客户端（Vite dev）对接的后端公网地址（可选）───────────────────────────
+# ── PC 客户端对接的后端公网地址（可选）───────────────────────────────────────
 # 通过域名访问 Nginx 反代（sudo ./deploy-test/00-init-tools.sh nginx）。
-# 填写 HTTPS 根地址，无末尾斜杠；Nginx 会将 / 代理到 pc :5173，并代理 API/WS。
-# ./deploy-test/07-start-frontend.sh 启动 pc 时会 export VITE_*，覆盖 pc/.env，无需改 pc 目录
+# 填写 HTTPS 根地址，无末尾斜杠；Nginx 会将 / 指向 /app/pc/dist，并代理 API/WS。
+# ./deploy-test/08-build-pc.sh 构建 pc 时会 export VITE_*，覆盖 pc/.env，无需改 pc 目录
 # 若某路径与网关不一致，可单独覆盖：PC_VITE_API_URL / PC_VITE_WS_URL / PC_VITE_CHAT_URL / PC_VITE_USER_URL
 PC_PROXY_DOMAIN=cms-jack.imharry.work
 PC_BACKEND_ORIGIN=https://cms-jack.imharry.work
--- a/07-start-frontend.sh
+++ b/07-start-frontend.sh
@@ -7,8 +7,9 @@
 #    ./07-start-frontend.sh <project> # 只启动指定项目
 #
 #  项目与端口：
-#    pc          → 默认 yarn dev:web :5173（无 Electron）；本机要 Electron 时设 PC_ELECTRON=1 使用 yarn dev
+#    pc          → 默认 yarn dev:web :5173（无 Electron，仅直连调试）；本机要 Electron 时设 PC_ELECTRON=1 使用 yarn dev
 #                 后端地址：在 .env.deploy-test 设 PC_BACKEND_ORIGIN，启动时注入 VITE_*（不改 pc 目录）
+#                 域名入口由 Nginx 直接访问 /app/pc/dist，需先执行 08-build-pc.sh
 #    meetingh5   → React + Vite      :5188
 #    h5          → Vue + Vite        :3003
 #    cms         → UMI Max           :8001
@@ -204,8 +205,8 @@ if [[ "$TARGET" == "all" ]]; then

  echo ""
  echo -e "${BOLD}访问地址：${NC}"
-  echo "  PC:             ${PC_BACKEND_ORIGIN%/}/  (外部 HTTPS → 本机 Nginx :80 → pc :5173；默认 yarn dev:web)"
-  echo "  PC 直连调试:     http://${DEPLOY_TEST_IP}:5173  (绕过 Nginx；Electron 用 PC_ELECTRON=1 或 pc 目录内 yarn dev)"
+  echo "  PC 域名入口:     ${PC_BACKEND_ORIGIN%/}/  (外部 HTTPS → 本机 Nginx :80 → /app/pc/dist；先执行 ./deploy-test/dt.sh pc-build)"
+  echo "  PC 直连调试:     http://${DEPLOY_TEST_IP}:5173  (Vite dev；绕过 Nginx；Electron 用 PC_ELECTRON=1 或 pc 目录内 yarn dev)"
  echo "  H5:             http://${DEPLOY_TEST_IP}:3003"
  echo "  CMS:            http://${DEPLOY_TEST_IP}:8001"
  echo "  Build CMS:      http://${DEPLOY_TEST_IP}:8002"
--- a/08-build-pc.sh
+++ b/08-build-pc.sh
@@ -0,0 +1,58 @@
+#!/usr/bin/env bash
+# =============================================================================
+#  08-build-pc.sh — 构建 PC Web 静态产物
+#
+#  产物目录: /app/pc/dist
+#  Nginx 配置 deploy-test/nginx/openim-pc-proxy.conf 会直接访问该目录。
+# =============================================================================
+set -euo pipefail
+source "$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)/common.sh"
+init_dirs
+
+if [[ -f "$ENV_FILE" ]]; then
+  set -a
+  # shellcheck source=/dev/null
+  source "$ENV_FILE"
+  set +a
+fi
+
+normalize_pc_proxy_env
+init_script_log
+
+header "构建 PC Web 静态产物"
+
+PC_DIR="$ROOT_DIR/pc"
+if [[ ! -d "$PC_DIR" ]]; then
+  error "pc 目录不存在: $PC_DIR"
+  exit 1
+fi
+
+if ! command -v yarn &>/dev/null; then
+  error "yarn 未安装，请先执行: ./deploy-test/00-init-tools.sh node"
+  exit 1
+fi
+
+if [[ ! -d "$PC_DIR/node_modules" ]]; then
+  error "pc/node_modules 不存在，请先执行: ./deploy-test/06-install-frontend.sh pc"
+  exit 1
+fi
+
+pc_ensure_wasm_assets
+pc_export_vite_backend_env
+pc_print_vite_backend_env
+
+step "执行 yarn build"
+(
+  cd "$PC_DIR"
+  pc_export_vite_backend_env
+  yarn build
+)
+
+if [[ ! -f "$PC_DIR/dist/index.html" ]]; then
+  error "构建失败: $PC_DIR/dist/index.html 不存在"
+  exit 1
+fi
+
+success "PC Web 构建完成: $PC_DIR/dist"
+info "Nginx 静态根目录: /app/pc/dist"
+info "重新加载 Nginx 配置: sudo ./deploy-test/00-init-tools.sh nginx"
--- a/README.md
+++ b/README.md
@@ -103,6 +103,7 @@ deploy-test/
 ./deploy-test/dt.sh stop        # 停止 deploy-test 后端服务
 ./deploy-test/dt.sh restart     # 重启 deploy-test 后端服务
 ./deploy-test/dt.sh status      # 查看服务状态
+./deploy-test/dt.sh pc-build    # 构建 PC Web 静态产物到 /app/pc/dist
 ./deploy-test/dt.sh fe-start pc # 启动 pc 前端
 ./deploy-test/dt.sh fe-stop pc  # 停止 pc 前端
 ./deploy-test/dt.sh up          # pull + build + restart
@@ -307,26 +308,26 @@ TENCENT_SDK_SECRET_KEY=xxx

 ### Nginx 反代（域名 HTTPS 入口，供 PC / 浏览器访问后端）

-在**测试服务器**上部署 Nginx，本机 Nginx 仅监听 HTTP `:80`，统一反代 PC Vite dev server、OpenIM API、chat-api 与 MsgGateway WebSocket。外部访问仍使用 `https://cms-jack.imharry.work`，HTTPS 由外层 LB/CDN/其它网关终止后转发到本机 `:80`。
+在**测试服务器**上部署 Nginx，本机 Nginx 仅监听 HTTP `:80`，直接访问 PC 构建产物 `/app/pc/dist`，并反代 OpenIM API、chat-api 与 MsgGateway WebSocket。外部访问仍使用 `https://cms-jack.imharry.work`，HTTPS 由外层 LB/CDN/其它网关终止后转发到本机 `:80`。

 | 路径前缀 | 后端 |
 |----------|------|
 | `/api/im/` | `127.0.0.1:10002` |
 | `/api/user/`、`/api/chat/` | `127.0.0.1:10008` |
 | `/msg_gateway` | `127.0.0.1:10001`（WebSocket） |
-| `/openIM.wasm`、`/sql-wasm.wasm`、`/wasm_exec.js`、`/node_modules/@openim/wasm-client-sdk/lib/worker*.js` | `/var/www/openim-pc-sdk`（OpenIM WASM SDK 静态资源） |
-| `/` | `127.0.0.1:5173`（PC Vite dev server） |
+| `/` | `/app/pc/dist`（PC Web 静态构建产物） |

 1. 服务器上已执行 `05-start.sh` 等，保证 `10001/10002/10008` 在监听。
 2. 域名 `cms-jack.imharry.work` 已解析到测试服务器公网 IP。
-3. 仓库根目录执行：`sudo ./deploy-test/00-init-tools.sh nginx`（会安装 `nginx`，并写入配置 `deploy-test/nginx/openim-pc-proxy.conf`；亦已包含在 `00-init-tools.sh` 无参的 **all** 流程末尾，需 root）。
-4. 测试服务器本机/安全组放行 **TCP 80**；外层 LB/CDN/网关对公网提供 HTTPS `443` 并转发到本机 `80`。
-5. `.env.deploy-test` 中设置 **`PC_BACKEND_ORIGIN=https://cms-jack.imharry.work`**（无末尾 `/`）；再 `./deploy-test/07-start-frontend.sh pc` 启动 PC 时即注入 `VITE_*`。
-6. 浏览器打开 **`https://cms-jack.imharry.work/`**。
+3. `.env.deploy-test` 中设置 **`PC_BACKEND_ORIGIN=https://cms-jack.imharry.work`**（无末尾 `/`）。
+4. 仓库根目录执行：`./deploy-test/08-build-pc.sh` 或 `./deploy-test/dt.sh pc-build`，构建 `/app/pc/dist`。
+5. 仓库根目录执行：`sudo ./deploy-test/00-init-tools.sh nginx`（会安装 `nginx`，并写入配置 `deploy-test/nginx/openim-pc-proxy.conf`；亦已包含在 `00-init-tools.sh` 无参的 **all** 流程末尾，需 root）。
+6. 测试服务器本机/安全组放行 **TCP 80**；外层 LB/CDN/网关对公网提供 HTTPS `443` 并转发到本机 `80`。
+7. 浏览器打开 **`https://cms-jack.imharry.work/`**。

-**域名访问**：本配置中 `openim-pc-proxy` 使用 `server_name cms-jack.imharry.work`，只监听本机 `80`；推荐外部 `GET /` 走 `https://cms-jack.imharry.work/`，由外层 HTTPS 入口转发到本机 `80` 后代理 PC Vite。`00-init-tools.sh nginx` 会禁用 `sites-enabled/default`，并尝试去掉 `sites-available/default` 里的 `default_server`，避免默认站点抢占 `:80`。若机上还有其它站点也写了 `default_server`，`nginx -t` 会报错，需在该站点配置中删除 `default_server`（保留 `listen 80;` 即可）。
+**域名访问**：本配置中 `openim-pc-proxy` 使用 `server_name cms-jack.imharry.work`，只监听本机 `80`；推荐外部 `GET /` 走 `https://cms-jack.imharry.work/`，由外层 HTTPS 入口转发到本机 `80` 后读取 `/app/pc/dist`。`00-init-tools.sh nginx` 会禁用 `sites-enabled/default`，并尝试去掉 `sites-available/default` 里的 `default_server`，避免默认站点抢占 `:80`。若机上还有其它站点也写了 `default_server`，`nginx -t` 会报错，需在该站点配置中删除 `default_server`（保留 `listen 80;` 即可）。

-**PC WASM SDK 资源**：`00-init-tools.sh nginx` 会把 `pc/node_modules/@openim/wasm-client-sdk/lib/worker.js`、`worker-legacy.js` 以及 `openIM.wasm`、`sql-wasm.wasm`、`wasm_exec.js` 复制到 `/var/www/openim-pc-sdk`，并由 Nginx 直接返回这些文件。这样可以绕开 PC Vite dev server 里用于规避 MIME 报错的 `worker.js` placeholder，避免浏览器端 OpenIM SDK 卡在 worker 初始化阶段，导致不发起 `/api/im` 和 `/msg_gateway` 请求。更新 `pc` 依赖或 SDK 后，请重新执行 `sudo ./deploy-test/00-init-tools.sh nginx` 同步静态资源。
+**PC 构建**：`08-build-pc.sh` 会在构建前注入 `VITE_API_URL`、`VITE_WS_URL`、`VITE_CHAT_URL`、`VITE_USER_URL` 等变量，并确保 `openIM.wasm`、`sql-wasm.wasm`、`wasm_exec.js` 存在于 `pc/public`。更新 `pc` 代码或 `.env.deploy-test` 后，需要重新执行 `./deploy-test/dt.sh pc-build`。

 ### Docker 基础设施

--- a/dt.sh
+++ b/dt.sh
@@ -46,6 +46,7 @@ deploy-test 后端/基础服务:
  status              调用 deploy-test/status.sh

 deploy-test 前端:
+  pc-build            调用 deploy-test/08-build-pc.sh，构建 /app/pc/dist
  fe-start [project]  调用 deploy-test/07-start-frontend.sh [project]
  fe-stop [project]   调用 deploy-test/stop-frontend.sh [project]

@@ -59,6 +60,7 @@ deploy-test 前端:
 示例:
  ./deploy-test/dt.sh pull
  ./deploy-test/dt.sh build
+  ./deploy-test/dt.sh pc-build
  ./deploy-test/dt.sh restart
  ./deploy-test/dt.sh fe-start pc
  ./deploy-test/dt.sh deploy
@@ -189,6 +191,9 @@ main() {
    status)
      run_deploy_test_script "status.sh" "$@"
      ;;
+    pc-build)
+      run_deploy_test_script "08-build-pc.sh" "$@"
+      ;;
    fe-start)
      run_deploy_test_script "07-start-frontend.sh" "$@"
      ;;
--- a/nginx/openim-pc-proxy.conf
+++ b/nginx/openim-pc-proxy.conf
@@ -30,6 +30,9 @@ server {
    listen [::]:80;
    server_name cms-jack.imharry.work;

+    root /app/pc/dist;
+    index index.html;
+
    client_max_body_size 100m;
    add_header Cross-Origin-Opener-Policy "same-origin" always;
    add_header Cross-Origin-Embedder-Policy "credentialless" always;
@@ -110,57 +113,8 @@ server {
        return 200 "ok\n";
    }

-    # OpenIM WASM SDK 关键资源。
-    # Vite dev server 中有 worker.js placeholder 中间件，会导致 SDK worker 启动失败；
-    # 这里直接由 Nginx 从稳定目录提供真实文件，绕过 Vite。
-    location = /openIM.wasm {
-        alias /var/www/openim-pc-sdk/openIM.wasm;
-        default_type application/wasm;
-        add_header Cross-Origin-Opener-Policy "same-origin" always;
-        add_header Cross-Origin-Embedder-Policy "credentialless" always;
-    }
-
-    location = /sql-wasm.wasm {
-        alias /var/www/openim-pc-sdk/sql-wasm.wasm;
-        default_type application/wasm;
-        add_header Cross-Origin-Opener-Policy "same-origin" always;
-        add_header Cross-Origin-Embedder-Policy "credentialless" always;
-    }
-
-    location = /wasm_exec.js {
-        alias /var/www/openim-pc-sdk/wasm_exec.js;
-        default_type application/javascript;
-        add_header Cross-Origin-Opener-Policy "same-origin" always;
-        add_header Cross-Origin-Embedder-Policy "credentialless" always;
-    }
-
-    location = /node_modules/@openim/wasm-client-sdk/lib/worker.js {
-        alias /var/www/openim-pc-sdk/worker.js;
-        default_type application/javascript;
-        add_header Cross-Origin-Opener-Policy "same-origin" always;
-        add_header Cross-Origin-Embedder-Policy "credentialless" always;
-    }
-
-    location = /node_modules/@openim/wasm-client-sdk/lib/worker-legacy.js {
-        alias /var/www/openim-pc-sdk/worker-legacy.js;
-        default_type application/javascript;
-        add_header Cross-Origin-Opener-Policy "same-origin" always;
-        add_header Cross-Origin-Embedder-Policy "credentialless" always;
-    }
-
-    # PC Vite dev server.
+    # PC 静态构建产物。
    location / {
-        proxy_pass http://127.0.0.1:5173;
-        proxy_http_version 1.1;
-        proxy_set_header Upgrade $http_upgrade;
-        proxy_set_header Connection $connection_upgrade;
-        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 X-Forwarded-Proto $scheme;
-        proxy_cache_bypass $http_upgrade;
-        proxy_buffering off;
-        proxy_read_timeout 86400s;
-        proxy_send_timeout 86400s;
+        try_files $uri $uri/ /index.html;
    }
 }
--- a/status.sh
+++ b/status.sh
@@ -76,7 +76,7 @@ if command -v curl &>/dev/null && [[ -n "${PC_BACKEND_ORIGIN:-}" ]]; then
  echo "      PC Chat API:  ${PC_VITE_CHAT_URL:-${PC_BACKEND_ORIGIN}/api/chat}"
  echo "      PC Admin API: ${PC_VITE_ADMIN_URL:-${PC_BACKEND_ORIGIN}/api/admin}"
  echo "      PC WebSocket: ${PC_VITE_WS_URL:-$default_ws_url}"
-  echo "      PC 页面入口:  ${PC_BACKEND_ORIGIN}/  (外部 HTTPS → 本机 Nginx :80 → pc :5173)"
+  echo "      PC 页面入口:  ${PC_BACKEND_ORIGIN}/  (外部 HTTPS → 本机 Nginx :80 → /app/pc/dist)"
  echo "      Nginx 日志:   /var/log/nginx/openim-pc-proxy-access.log"
  pc_probe_msg_gateway "$PC_BACKEND_ORIGIN"
 else