Compare commits

...

5 Commits

Author SHA1 Message Date
lyf
337446f33c 停用 stop/info 旧接口,统一详情入参为 stopId
Some checks failed
CI / verify (push) Has been cancelled
- 详情页路由入参统一为 stopId,废弃 targetType/targetId
- ExplainDetailEntryRequest 与 GlobalAudioSource 移除 targetType/targetId 字段
- 播放器源匹配仅按 stopId 判定,移除 targetType 兜底
- 删除 explainDetailTarget 死代码
- 清理 guideStopInfoAdapter 中 stop/info、play-info、text-info 旧契约类型与转换函数
- 补充测试服务器 Nginx SSL 部署手册
- 同步更新单测与 e2e 用例

Made-with: Proma
2026-09-17 11:30:32 +08:00
lyf
bb6be9a04f 修正讲解音频时长显示
- 未加载媒体元数据时默认显示零时长
- 使用音频文件真实媒体时长更新播放器
- 避免使用不准确的接口时长覆盖播放器显示
- 补充音频时长回归测试

Made-with: Proma
2026-09-15 12:37:49 +08:00
cxk
00585a7b48 fix(h5): prevent internal asset host exposure
Some checks failed
CI / verify (push) Has been cancelled
Made-with: Proma
2026-08-15 19:01:55 +08:00
lyf
2edb6bd9f2 适配H5讲解统一详情接口
Some checks failed
CI / verify (push) Has been cancelled
2026-08-05 14:52:36 +08:00
lyf
c287ef3a2a 回退 H5 SDK 引擎强制同步 2026-08-03 23:27:02 +08:00
37 changed files with 2113 additions and 1598 deletions

View File

@@ -0,0 +1,46 @@
# H5 讲解接口只读审计
- 审计时间2026-08-04Asia/Shanghai
- 目标:`https://guide.whaoyue.com:4433/app-api/gis/guide`
- 认证:无。五个正式 `GET` 接口均可匿名访问。
- 数据安全:仅执行读取请求;未调用删除、覆盖、批量修改或其他写操作。
## 接口契约
| 接口 | 方法 | 必填项 | 可选项 | 预期响应 |
| --- | --- | --- | --- | --- |
| `/catalog/halls` | GET | 无 | `lang` | `data` 为展厅数组 |
| `/catalog/halls/{hallId}/outlines` | GET | `hallId` | `lang` | `data` 为一级单元数组 |
| `/catalog/outlines/{outlineId}/stops` | GET | `outlineId` | `lang` | `data` 为讲解点摘要数组 |
| `/catalog/halls/{hallId}/stops/page` | GET | `hallId` | `pageNo``pageSize``lang` | `data.list``data.total` 分页对象 |
| `/stops/{stopId}` | GET | `stopId` | `version``standard` / `extended`,缺省 `standard` | 统一详情及当前版本的 `textVariants``audioTracks` |
## 执行记录
| 接口 | 场景 / 关键参数 | 预期 | 实际(状态码 / 业务 code / 摘要 / 耗时) | 结论 |
| --- | --- | --- | --- | --- |
| 展厅列表 | 正常:`lang=zh-CN` | 8 个展厅摘要 | `200 / 0 / array:8 / 263ms` | 通过 |
| 展厅列表 | 缺少可选 `lang` | 使用默认语言并返回数组 | `200 / 0 / array:8 / 115ms` | 通过 |
| 展厅列表 | 非法语言:`lang=ja-JP` | 文档未明确错误口径 | `200 / 0 / array:8 / 108ms` | 通过;服务端宽松接受,需补充文档 |
| 一级单元 | 正常:`hallId=715792102100832258``lang=zh-CN` | 一级单元数组 | `200 / 0 / array:3 / 95ms` | 通过 |
| 一级单元 | 错误非数值 hall ID | 参数错误 | `200 / 400 / 参数类型错误 / 110ms` | 通过 |
| 单元讲解点 | 文档示例单元:`outlineId=7467940240901013505` | 单元讲解点数组 | `200 / 0 / array:0 / 97ms` | 通过;该一级单元当前无讲解点 |
| 单元讲解点 | 详情所属单元:`outlineId=865546627916591104` | 包含当前讲解点的数组 | `200 / 0 / array:39 / 132ms` | 通过 |
| 单元讲解点 | 错误非数值 outline ID | 参数错误 | `200 / 400 / 参数类型错误 / 113ms` | 通过 |
| 展厅讲解点分页 | 正常:`pageNo=1&pageSize=20&lang=zh-CN` | 分页摘要 | `200 / 0 / list:20,total:39 / 197ms` | 通过 |
| 展厅讲解点分页 | 缺少可选分页参数 | 默认 `pageNo=1&pageSize=20` | `200 / 0 / list:20,total:39 / 101ms` | 通过 |
| 展厅讲解点分页 | 边界:`pageNo=999&pageSize=100` | 空页 | `200 / 0 / list:0,total:39 / 171ms` | 通过 |
| 展厅讲解点分页 | 非法:`pageNo=-1&pageSize=0` | 文档未明确错误口径 | `200 / 0 / list:20,total:39 / 113ms` | 通过;服务端回退默认值 |
| 展厅讲解点分页 | 超文档上限:`pageSize=101` | 文档声明最大 100 | `200 / 0 / list:39,total:39 / 120ms` | 偏差:服务端未限制 |
| 统一详情 | 正常:`stopId=865546647764037632&version=standard` | 标准版完整详情、正文与音轨 | `200 / 0 / version:standard,textVariants:3,audioTracks:5,recommendedTrackCode:standard.zh-CN.female / 150ms` | 通过 |
| 统一详情 | 版本边界:`version=extended` | 拓展版当前版本详情 | `200 / 0 / version:extended,textVariants:0,audioTracks:0 / 107ms` | 通过;该讲解对象暂无拓展版内容 |
| 统一详情 | 缺少可选版本 | 按 `standard` 返回 | `200 / 0 / version:standard,textVariants:3,audioTracks:5 / 110ms` | 通过 |
| 统一详情 | 非法版本:`version=unsupported` | 业务错误,不静默降级 | `200 / 1020005006 / 讲解点详情版本仅支持 standard / extended / 118ms` | 通过 |
| 统一详情 | 非数值错误 ID | 参数错误 | `200 / 400 / 参数类型错误 / 93ms` | 通过 |
| 统一详情 | 数值但不存在 ID`999999999999999999` | `GUIDE_STOP_NOT_EXISTS` 业务错误 | `200 / 1020005000 / 导览讲解点不存在 / 117ms` | 通过 |
## 数据关联结论
展厅的 3 个一级单元当前均为 `stopCount=0`,而详情讲解点 `865546647764037632` 实际属于单元 `865546627916591104`,该单元可返回 39 条讲解点。这说明一级单元目录与讲解点关联仍存在后端数据不一致。H5 主流程保持为 `展厅 -> 讲解对象 -> 统一详情`,不以一级单元作为主导航。
统一详情即使参数错误也使用 HTTP `200`,客户端必须结合业务 `code` 判断结果。语言和性别均由当前版本的详情数组在本地切换;切换标准版与拓展版时才重新请求统一详情并传入 `version`

View File

@@ -0,0 +1,613 @@
# 测试服务器导览 H5 部署手册
最后更新2026-09-15
## 1. 部署目标
- 站点:`guide.whaoyue.com`
- 服务器公网 IP`124.220.83.186`
- SSH 用户:`root`
- 操作系统Ubuntu 22.04.5 LTS
- HTTPS 入口:`https://guide.whaoyue.com:4433/`
- HTTP/IP 测试入口:`http://124.220.83.186:8888/`
- 部署对象:`frontend-miniapp` H5 构建产物
- Nginx 容器:`sgs-nature-nginx`
`8888` 直接提供明文 HTTP不再跳转到 HTTPS并接受域名、公网 IP 和其他 Host。HTTP 仅用于测试;请求内容、登录凭据和 Token 均不会被加密,不得作为生产入口。
Nginx 源站也支持 `http://guide.whaoyue.com:8888/`,但截至 2026-09-15腾讯侧会在请求到达 Nginx 前将该域名 HTTP 请求重定向到 DNSPod `webblock` 页面。因此公网 HTTP 验收应使用 IP 入口;该外部拦截不能通过本机 Nginx 配置消除。
域名 DNS A 记录应指向:
```text
guide.whaoyue.com -> 124.220.83.186
```
## 2. 当前部署拓扑
```text
公网用户
-> 124.220.83.186:8888HTTP/ guide.whaoyue.com:4433HTTPS
-> sgs-nature-nginx Docker 容器
-> 容器使用 host 网络
-> /usr/share/nginx/html/guide
-> 宿主机 /data/sgs-nature/web/guide
```
`sgs-nature-nginx` 当前不是 Docker Compose、Docker Stack、systemd 或 1Panel 项目管理的容器,而是手动创建并启动的 Docker 容器。
容器实际参数:
```text
镜像nginx:latest
Nginx1.31.3
网络host
重启策略unless-stopped
启动命令nginx -g 'daemon off;'
```
当前容器挂载:
| 宿主机路径 | 容器路径 | 权限 | 用途 |
| --- | --- | --- | --- |
| `/data/sgs-nature/deploy/nginx.conf` | `/etc/nginx/conf.d/default.conf` | 只读 | Nginx 配置 |
| `/data/sgs-nature/web` | `/usr/share/nginx/html` | 只读 | 静态站点和资源 |
由于容器使用 `host` 网络Docker 没有 `-p` 端口映射。Nginx 配置中的 `listen 8888``listen 4433` 就是宿主机的监听端口。`8888` 直接提供 HTTP`4433` 提供 HTTPS。
不要操作或重启服务器上另一个名为 `nginx` 的容器。该容器占用公网标准端口 `80/443`,与本导览容器职责不同。因此导览 HTTP 入口必须显式携带 `:8888`,不能使用无端口的 `http://124.220.83.186/`
## 3. 服务器目录
导览站点目录:
```text
/data/sgs-nature/web/guide/
```
容器内对应目录:
```text
/usr/share/nginx/html/guide/
```
证书目录按当前部署方案放在已有 Web 挂载目录内:
```text
/data/sgs-nature/web/ssl/guide.whaoyue.com/fullchain.pem
/data/sgs-nature/web/ssl/guide.whaoyue.com/privkey.pem
```
容器内证书路径:
```text
/usr/share/nginx/html/ssl/guide.whaoyue.com/fullchain.pem
/usr/share/nginx/html/ssl/guide.whaoyue.com/privkey.pem
```
证书目录位于 Web 挂载目录下,因此 Nginx 配置必须拒绝公网访问:
```nginx
location ^~ /ssl/ {
deny all;
return 404;
}
```
证书权限建议:
```text
fullchain.pem0644
privkey.pem0600
```
相关部署和备份文件:
```text
/data/sgs-nature/deploy/nginx.conf
/data/sgs-nature/backup/
```
## 4. 本地构建
项目根目录:
```text
E:\MyWork\深圳国际艺术馆\museum-guide\museum-guide-v4.0\frontend-miniapp
```
环境要求:
- Node.js `>=20 <25`
- pnpm 9
安装依赖:
```powershell
pnpm install
```
测试环境默认配置文件为 `.env.test`,关键配置如下:
```dotenv
VITE_APP_PUBLIC_BASE=/
VITE_GUIDE_DATA_SOURCE_MODE=sdk
VITE_EXPLAIN_CONTENT_SOURCE_MODE=remote
VITE_DATA_SOURCE_MODE=sdk
VITE_GUIDE_CONTENT_SOURCE_MODE=remote
VITE_GUIDE_STATIC_DATA_BASE_URL=/static/guide-data
VITE_API_BASE_URL=/app-api
VITE_AUDIO_API_BASE_URL=/app-api
VITE_SGS_API_BASE_URL=/app-api
VITE_SGS_MAP_ID=1
VITE_SGS_SDK_SCRIPT_URL=/static/sgs-map-sdk/index.global.js?v=2.5.0
VITE_SGS_H5_ENGINE_URL=/engine/index.html
VITE_SGS_SDK_ORIGIN=
```
由于站点通过域名根路径提供服务,`VITE_APP_PUBLIC_BASE` 必须为 `/`,不能设置为 `/guide/``guide` 是服务器上的目录名,不是 URL 路径。
执行质量检查和测试构建:
```powershell
pnpm type-check
pnpm lint
pnpm build:test:h5
```
`pnpm build:test:h5` 会生成 H5 产物,并复制以下资源:
- `static/nav-assets`
- `static/guide-data`
- `static/sgs-map-sdk`
- `static/three`
- `static/icons`
- `static/explain`
- `static/Fonts`
- `engine`
- 讲解图片、占位图片等补充资源
构建目录:
```text
dist/build/h5/
```
生产发布需要真实腾讯地图 Web Key 时,使用生产构建:
```powershell
$env:VITE_TENCENT_MAP_KEY = '<真实腾讯地图 Web Key>'
pnpm build:h5
Remove-Item Env:VITE_TENCENT_MAP_KEY
```
不要将真实 Key、密码、Token 或其他密钥提交到仓库。
构建后建议检查:
```powershell
Test-Path dist\build\h5\index.html
Get-ChildItem dist\build\h5 -Recurse -File | Measure-Object Length -Sum
rg -n -S --glob '!*.map' '1\.92\.206\.90|guide\.whaoyue\.com|http://124\.220\.83\.186:9000' dist\build\h5
```
最后一个命令不应出现旧服务器地址或不应使用的绝对 HTTP 资源地址。
## 5. 打包和上传
在项目根目录执行:
```powershell
New-Item -ItemType Directory -Force -Path '.tmp' | Out-Null
$archive = '.tmp\museum-guide-h5.tar.gz'
if (Test-Path -LiteralPath $archive) {
Remove-Item -LiteralPath $archive -Force
}
tar -C 'dist\build\h5' -czf $archive .
```
SSH 主机别名为:
```text
museum-guide-test
```
该别名位于本机:
```text
C:\Users\Administrator\.ssh\config
```
上传构建包:
```powershell
scp '.tmp\museum-guide-h5.tar.gz' 'museum-guide-test:/tmp/museum-guide-h5.tar.gz'
```
不要把密码写入 SSH 配置、命令脚本或部署文档。
## 6. 证书
当前使用的证书为 `guide.whaoyue.com` 的 Lets Encrypt 证书,记录的有效期为:
```text
Not Before: 2026-06-07 15:33:10 GMT
Not After: 2026-09-05 15:33:09 GMT
```
截至 2026-09-15该证书已经过期。`4433` 仍能建立忽略证书校验的 HTTPS 连接,但浏览器会显示安全警告;应尽快完成证书续期。开放 `8888` HTTP 仅用于测试,不替代证书续期。
查看证书:
```bash
openssl x509 \
-in /data/sgs-nature/web/ssl/guide.whaoyue.com/fullchain.pem \
-noout -subject -issuer -dates
```
证书续期注意事项:
- 新服务器目前没有发现已配置的 `acme.sh``certbot` 续期任务。
- Lets Encrypt HTTP-01 验证固定使用公网 `80`,不会访问 `8888`
- 公网 `80/443` 已被服务器上另一个 `nginx` 容器占用。
- 证书到期前必须配置 DNS-01或者制定临时借用公网 `80` 完成验证的方案。
- 续期后需要把新证书复制到上述目录,并执行 Nginx 配置检查和 reload。
续期后的最低操作:
```bash
docker exec sgs-nature-nginx nginx -t
docker exec sgs-nature-nginx nginx -s reload
openssl x509 \
-in /data/sgs-nature/web/ssl/guide.whaoyue.com/fullchain.pem \
-noout -subject -issuer -dates
```
## 7. Nginx 配置
配置文件:
```text
/data/sgs-nature/deploy/nginx.conf
```
当前已有 `18101` server服务 `/dp/``/gl/``/map/` 及自然馆测试环境 API。新增导览站点时不得删除或覆盖该 server。
导览 HTTP 与 HTTPS 由同一个 server 块提供,以避免两套静态资源和反向代理规则发生漂移。核心配置:
```nginx
server {
# 测试环境明文 HTTP公网 80 仍由另一 nginx 容器占用。
listen 8888 default_server;
listen 4433 ssl;
server_name guide.whaoyue.com 124.220.83.186 _;
root /usr/share/nginx/html/guide;
index index.html;
ssl_certificate /usr/share/nginx/html/ssl/guide.whaoyue.com/fullchain.pem;
ssl_certificate_key /usr/share/nginx/html/ssl/guide.whaoyue.com/privkey.pem;
location ^~ /ssl/ {
deny all;
return 404;
}
location ^~ /static/nav-assets/ {
try_files $uri =404;
}
location ^~ /assets/ {
try_files $uri =404;
}
location ^~ /engine/ {
try_files $uri =404;
}
location ^~ /static/ {
try_files $uri =404;
}
location ^~ /app-api/ {
proxy_pass http://127.0.0.1:48100;
proxy_http_version 1.1;
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_set_header Upgrade $http_upgrade;
proxy_set_header Connection $connection_upgrade;
proxy_read_timeout 300s;
proxy_send_timeout 300s;
}
location ^~ /minio/ {
proxy_pass http://127.0.0.1:9000/;
proxy_http_version 1.1;
proxy_set_header Host 127.0.0.1:9000;
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_read_timeout 300s;
}
location ^~ /museum-assets/ {
proxy_pass http://127.0.0.1:9000/museum-assets/;
proxy_http_version 1.1;
proxy_set_header Host 127.0.0.1:9000;
expires 30d;
add_header Cache-Control "public";
proxy_read_timeout 300s;
}
location / {
try_files $uri $uri/ /index.html;
}
}
```
`/static/nav-assets/` 必须使用 `try_files $uri =404`,避免缺失 JSON、GLB 或其他模型资源时错误返回 SPA 的 `index.html`
修改配置前备份:
```bash
TS=$(date +%Y%m%d%H%M%S)
cp -p /data/sgs-nature/deploy/nginx.conf \
"/data/sgs-nature/backup/nginx-before-guide-$TS.conf"
```
配置文件以单文件 bind mount 方式挂载。修改时必须保留宿主机文件 inode例如原地编辑或使用 `cat candidate.conf > "$CONFIG"`;不要使用 `mv``install` 或其他原子替换方式覆盖路径。替换 inode 后,容器会继续看到旧文件,普通 reload 不会载入新配置。
修改后先确认宿主机和容器内文件一致,再检查并 reload
```bash
CONFIG=/data/sgs-nature/deploy/nginx.conf
sha256sum "$CONFIG"
docker exec sgs-nature-nginx \
sha256sum /etc/nginx/conf.d/default.conf
docker exec sgs-nature-nginx nginx -t
docker exec sgs-nature-nginx nginx -s reload
```
配置检查失败时不得 reload。应使用备份原地恢复配置重新执行 `nginx -t`,确认通过后再 reload。如果已经替换了 inode应先用独立临时容器对宿主机新配置执行 `nginx -t`,然后只重启 `sgs-nature-nginx` 使其重新建立挂载;仍然不要操作另一个名为 `nginx` 的容器。
本部署方式不需要:
- 新增 Docker Compose 文件
- 新增 Nginx systemd 服务
- 新增 Docker 端口映射
- 重启服务器原有 `nginx` 容器
## 8. 发布站点文件
上传压缩包后,在服务器上执行。发布前先备份当前 `guide` 目录:
```bash
set -e
SITE=/data/sgs-nature/web/guide
ARCHIVE=/tmp/museum-guide-h5.tar.gz
TS=$(date +%Y%m%d%H%M%S)
BACKUP=/data/sgs-nature/backup
mkdir -p "$SITE" "$BACKUP"
if [ -f "$SITE/index.html" ]; then
tar -C "$SITE" -czf "$BACKUP/guide-before-deploy-$TS.tar.gz" .
fi
test -f "$ARCHIVE"
find "$SITE" -mindepth 1 -maxdepth 1 -exec rm -rf -- {} +
tar -C "$SITE" -xzf "$ARCHIVE"
mkdir -p /data/sgs-nature/web/ssl/guide.whaoyue.com
printf 'backup=%s\n' "$BACKUP/guide-before-deploy-$TS.tar.gz"
printf 'files=%s\n' "$(find "$SITE" -type f | wc -l)"
```
证书目录不属于 H5 构建包,不能在清理站点目录时误删。证书位于同级的 `/data/sgs-nature/web/ssl/`,不在 `/data/sgs-nature/web/guide/` 内。
如果证书需要更新:
```bash
install -o root -g root -m 0644 fullchain.pem \
/data/sgs-nature/web/ssl/guide.whaoyue.com/fullchain.pem
install -o root -g root -m 0600 privkey.pem \
/data/sgs-nature/web/ssl/guide.whaoyue.com/privkey.pem
```
## 9. 部署后验证
### 9.1 DNS 和端口
在 Windows PowerShell 中:
```powershell
Resolve-DnsName guide.whaoyue.com -Type A
Test-NetConnection 124.220.83.186 -Port 8888
Test-NetConnection guide.whaoyue.com -Port 4433
```
DNS A 记录应为 `124.220.83.186`
### 9.2 HTTP/IP 和 HTTPS
```powershell
curl.exe -I --max-time 30 http://124.220.83.186:8888/
curl.exe -k -I --max-time 30 https://guide.whaoyue.com:4433/
```
期望:
```text
124.220.83.186:8888200 OK不跳转
guide.whaoyue.com:4433200 OK
```
公网直接访问 `http://guide.whaoyue.com:8888/` 可能收到腾讯 DNSPod `webblock``302`,这不代表源站 Nginx 未启用 HTTP。可在服务器本机携带域名 Host 验证源站:
```bash
curl -I -H 'Host: guide.whaoyue.com' http://127.0.0.1:8888/
```
源站期望返回 `200 OK`
检查证书:
```powershell
cmd /c "echo.| openssl s_client -connect guide.whaoyue.com:4433 -servername guide.whaoyue.com 2>NUL | openssl x509 -noout -subject -issuer -dates"
```
### 9.3 关键静态资源
不要固定使用旧版本的导航资源目录名。先从构建产物或服务器目录查找当前 Manifest
```bash
find /data/sgs-nature/web/guide/static/nav-assets \
-name app_nav_manifest.json -print
```
假设当前资源包目录为:
```text
/static/nav-assets/<当前资源包目录>/
```
验证 Manifest、楼层数据和 GLB
```powershell
curl.exe -k -I --max-time 30 https://guide.whaoyue.com:4433/static/guide-data/manifest.json
curl.exe -k -I --max-time 30 https://guide.whaoyue.com:4433/static/sgs-map-sdk/index.global.js
curl.exe -k -I --max-time 30 https://guide.whaoyue.com:4433/engine/index.html
curl.exe -k -I --max-time 30 https://guide.whaoyue.com:4433/static/icons/marker-exhibit.svg
```
导航资源应至少验证:
- `app_nav_manifest.json``200`JSON
- 一个实际楼层 JSON`200`JSON
- 一个实际 GLB`200``model/gltf-binary`
- 不存在的 GLB`404`
缺失的导航资源不能返回 `index.html`
### 9.4 API 和原有服务
```powershell
curl.exe -I --max-time 30 http://124.220.83.186:8888/app-api/gis/sdk/maps/1/manifest
curl.exe -k -I --max-time 30 https://guide.whaoyue.com:4433/app-api/gis/sdk/maps/1/manifest
curl.exe -I --max-time 30 http://124.220.83.186:18101/dp/
```
期望:
```text
HTTP 与 HTTPS /app-api/gis/sdk/maps/1/manifest200 application/json
18101 /dp/200
```
### 9.5 私钥保护
```powershell
curl.exe -sS -o NUL -w "%{http_code}\n" `
http://124.220.83.186:8888/ssl/guide.whaoyue.com/privkey.pem
curl.exe -k -sS -o NUL -w "%{http_code}\n" `
https://guide.whaoyue.com:4433/ssl/guide.whaoyue.com/privkey.pem
```
两个入口都应返回:
```text
404
```
### 9.6 浏览器验收
分别打开:
```text
http://124.220.83.186:8888/
https://guide.whaoyue.com:4433/
```
证书续期前,第二个地址会显示证书过期警告。
至少检查:
- 首页正常加载
- 馆外 2D 地图和馆内 3D 入口显示正常
- 进入馆内 3D 后,实际楼层模型可以加载
- 楼层切换和 POI 数据正常
- 讲解列表、展厅、讲解点和详情页正常
- 图片、模型、音频没有 Mixed Content
- 浏览器控制台没有关键资源 404
- 不存在的模型资源不会返回 HTML
- `/dp/``/gl/``/map/` 原有服务未受影响
## 10. 回滚
### 10.1 回滚前端文件
部署时会在以下目录生成备份:
```text
/data/sgs-nature/backup/guide-before-deploy-YYYYMMDDHHMMSS.tar.gz
```
回滚:
```bash
set -e
SITE=/data/sgs-nature/web/guide
BACKUP=/data/sgs-nature/backup/guide-before-deploy-YYYYMMDDHHMMSS.tar.gz
test -f "$BACKUP"
find "$SITE" -mindepth 1 -maxdepth 1 -exec rm -rf -- {} +
tar -C "$SITE" -xzf "$BACKUP"
docker exec sgs-nature-nginx nginx -t
docker exec sgs-nature-nginx nginx -s reload
```
### 10.2 回滚 Nginx 配置
```bash
set -e
CONFIG=/data/sgs-nature/deploy/nginx.conf
BACKUP=/data/sgs-nature/backup/nginx-before-guide-YYYYMMDDHHMMSS.conf
test -f "$BACKUP"
cat "$BACKUP" > "$CONFIG"
chown root:root "$CONFIG"
chmod 0644 "$CONFIG"
docker exec sgs-nature-nginx nginx -t
docker exec sgs-nature-nginx nginx -s reload
```
回滚时只恢复对应的 `guide` 文件或 Nginx 配置,不要删除整个 `/data/sgs-nature/web`,以免影响 `/dp``/gl` 等现有站点。
## 11. 当前部署记录
2026-09-15
-`8888` 从 HTTP→HTTPS 跳转改为直接提供导览 H5公网 IP 入口为 `http://124.220.83.186:8888/`
- `8888` HTTP 与 `4433` HTTPS 共用同一 server 块,支持域名、公网 IP 和其他 Host
- 配置备份:`/data/sgs-nature/backup/nginx-before-ip-http-20260915114641.conf`
- 候选配置和运行容器的 `nginx -t` 均通过;因单文件 bind mount 的 inode 被替换,仅重启了 `sgs-nature-nginx` 以重新挂载配置
- 公网验证IP HTTP 首页、Manifest、`/app-api/` 均返回 `200`HTTP/HTTPS 私钥路径均返回 `404``4433` HTTPS 与原有 `18101 /dp/` 均返回 `200`
- 域名 HTTP 请求仍被腾讯 DNSPod `webblock` 在源站前重定向;服务器本机以域名 Host 访问 `8888` 返回 `200`
- `guide.whaoyue.com` 当前证书已于 2026-09-05 过期,待单独续期
2026-08-27
- 使用 `pnpm build:test:h5` 构建测试 H5
- 类型检查通过
- Lint 无错误,有 1 个既有未使用变量 warning
- 构建产物 229 个文件,约 204 MB
- 发布到 `/data/sgs-nature/web/guide`
- 复用 `/data/sgs-nature/web` 现有挂载存放证书
- 更新 `/data/sgs-nature/deploy/nginx.conf`
- `sgs-nature-nginx` 执行 `nginx -t` 和 reload
- `8888` 跳转、`4433` HTTPS、API、讲解数据、SDK、Engine、GLB 和私钥保护验证通过
- 原有 `18101 /dp/` 验证通过
本次构建使用测试环境腾讯地图 Key 占位符,不代表正式生产地图 Key 已配置。正式发布前需要注入真实 Key 后重新构建并验证。

View File

@@ -0,0 +1,534 @@
# zjsjgjyyzx.cn 主站 HTTPS 与校验文件部署操作手册
最后更新2026-09-07
## 1. 适用范围
本文档适用于腾讯云测试服务器上的主站域名 `zjsjgjyyzx.cn`,涵盖:
- Lets Encrypt SSL 证书申请与部署
- 保留 HTTP `80` 和 HTTPS `443` 的独立访问能力
- Certbot 自动续期、证书同步和 Nginx reload
- 域名根目录 TXT 校验文件发布
- 配置验证与回滚
本文档**不适用于**导览 H5 站点 `guide.whaoyue.com:8888/4433`。该导览站点使用独立容器 `sgs-nature-nginx`,其部署手册见:
```text
docs/deployment/guide-test-server-nginx-ssl.md
```
## 2. 当前部署目标与拓扑
| 项目 | 当前值 |
| --- | --- |
| 域名 | `zjsjgjyyzx.cn` |
| 服务器公网 IP | `124.220.83.186` |
| HTTP 地址 | `http://zjsjgjyyzx.cn/` |
| HTTPS 地址 | `https://zjsjgjyyzx.cn/` |
| 主 Nginx 容器 | `nginx` |
| Nginx 镜像 | `nginx:latest` |
| Docker 网络 | `bridge` |
| 宿主机端口映射 | `80 -> 80``443 -> 443` |
请求链路:
```text
HTTP 用户 -> zjsjgjyyzx.cn:80 -> nginx Docker 容器 -> 后台主站
HTTPS 用户 -> zjsjgjyyzx.cn:443 -> nginx Docker 容器 -> 后台主站
```
当前要求是 **HTTP 和 HTTPS 均可直接访问**。不要在 HTTP server 中配置强制跳转到 HTTPS除非业务要求变更且完成专项验证。
## 3. 关键目录与文件
### 3.1 Nginx
| 宿主机路径 | 容器路径 | 用途 |
| --- | --- | --- |
| `/data/nginx/conf/nginx.conf` | `/etc/nginx/nginx.conf` | Nginx 主配置 |
| `/data/nginx/conf/conf.d/` | `/etc/nginx/conf.d/` | 站点配置目录 |
| `/data/nginx/html/` | `/usr/share/nginx/html/` | 静态资源根目录 |
| `/data/nginx/html/admin-ui/` | `/usr/share/nginx/html/admin-ui/` | 主站前端根目录 |
| `/data/nginx/ssl/` | `/etc/nginx/ssl/` | Nginx 可读取的证书目录 |
| `/data/nginx/logs/` | `/var/log/nginx/` | Nginx 日志 |
主站 HTTP 配置:
```text
/data/nginx/conf/conf.d/zhjzpt.conf
```
主站 HTTPS 配置:
```text
/data/nginx/conf/conf.d/zhjzpt-ssl.conf
```
### 3.2 证书
Certbot 管理的原始证书:
```text
/etc/letsencrypt/live/zjsjgjyyzx.cn/fullchain.pem
/etc/letsencrypt/live/zjsjgjyyzx.cn/privkey.pem
```
Nginx 容器读取的同步副本:
```text
/data/nginx/ssl/zjsjgjyyzx.cn/fullchain.pem
/data/nginx/ssl/zjsjgjyyzx.cn/privkey.pem
```
权限要求:
```text
fullchain.pem: 0644
privkey.pem: 0600
```
### 3.3 自动续期 Hook
```text
/etc/letsencrypt/renewal-hooks/deploy/zjsjgjyyzx.cn-nginx.sh
```
该 Hook 在证书续期成功后执行以下操作:
1. 将证书复制到 `/data/nginx/ssl/zjsjgjyyzx.cn/`
2. 设置证书与私钥的安全权限。
3. 执行 `docker exec nginx nginx -t`
4. 执行 `docker exec nginx nginx -s reload`
## 4. 部署前检查
### 4.1 DNS 与备案
域名 A 记录必须统一指向:
```text
zjsjgjyyzx.cn -> 124.220.83.186
```
至少使用多个公共 DNS 核对:
```bash
for r in 8.8.8.8 1.1.1.1 223.5.5.5 119.29.29.29; do
printf "$r A="
nslookup -type=A zjsjgjyyzx.cn "$r" 2>/dev/null |
awk '/Address: /{print $2}' | tail -1
done
```
如使用阿里云 DNS可检查权威记录
```bash
dig +short A zjsjgjyyzx.cn @dns9.hichina.com
dig +short A zjsjgjyyzx.cn @dns10.hichina.com
```
所有结果都应为:
```text
124.220.83.186
```
中国大陆服务器使用 HTTP-01 申请证书前,应确保域名备案已通过并已生效。若备案未完成或 DNS 线路未完全刷新Lets Encrypt 可能访问到运营商/平台拦截页,导致验证失败。
### 4.2 Nginx 与端口
```bash
docker inspect nginx --format 'status={{.State.Status}} ports={{json .HostConfig.PortBindings}}'
docker exec nginx nginx -t
ss -lntp | grep -E ':(80|443)([[:space:]]|$)'
```
预期:
- Nginx 容器为 `running`
- 宿主机 `80``443` 都由 Docker 映射监听
- `nginx -t` 通过
### 4.3 ACME 校验路径
HTTP-01 校验规则必须存在于 `zhjzpt.conf``server` 块内:
```nginx
location ^~ /.well-known/acme-challenge/ {
root /usr/share/nginx/html;
try_files $uri =404;
default_type text/plain;
}
```
验证校验路径:
```bash
mkdir -p /data/nginx/html/.well-known/acme-challenge
printf 'acme-check-ok\n' \
> /data/nginx/html/.well-known/acme-challenge/verify-test
curl -i http://zjsjgjyyzx.cn/.well-known/acme-challenge/verify-test
rm -f /data/nginx/html/.well-known/acme-challenge/verify-test
```
必须收到 `200 OK` 和测试文本;校验文件不能被 SPA fallback 返回为首页 HTML。
## 5. 申请 SSL 证书
### 5.1 安装 Certbot
Ubuntu 22.04
```bash
apt-get update -qq
apt-get install -y -qq certbot
```
检查:
```bash
certbot --version
systemctl status certbot.timer --no-pager
```
### 5.2 使用 HTTP-01 Webroot 签发
```bash
certbot certonly \
--webroot \
-w /data/nginx/html \
-d zjsjgjyyzx.cn \
--non-interactive \
--agree-tos \
-m '<运维联系邮箱>' \
--keep-until-expiring
```
成功后检查:
```bash
openssl x509 \
-in /etc/letsencrypt/live/zjsjgjyyzx.cn/fullchain.pem \
-noout -subject -issuer -dates
```
将证书同步到 Nginx 挂载目录:
```bash
install -d -o root -g root -m 0755 /data/nginx/ssl/zjsjgjyyzx.cn
install -o root -g root -m 0644 \
/etc/letsencrypt/live/zjsjgjyyzx.cn/fullchain.pem \
/data/nginx/ssl/zjsjgjyyzx.cn/fullchain.pem
install -o root -g root -m 0600 \
/etc/letsencrypt/live/zjsjgjyyzx.cn/privkey.pem \
/data/nginx/ssl/zjsjgjyyzx.cn/privkey.pem
```
### 5.3 常见申请失败CA 命中旧 IP 或拦截页
若 Certbot 输出中出现非本服务器 IP或类似
```text
Invalid response from https://dnspod.qcloud.com/static/webblock.html
```
不要继续重复申请。先检查:
- 所有 DNS 线路是否统一为 `124.220.83.186`
- 域名备案是否已生效
- `80` 端口是否可从公网访问
- `/.well-known/acme-challenge/` 是否返回实际验证文件
- 是否存在旧 A 记录、CNAME、线路分流或平台拦截
## 6. Nginx 配置
### 6.1 HTTP 80 配置
文件:
```text
/data/nginx/conf/conf.d/zhjzpt.conf
```
HTTP 站点应继续:
```nginx
server {
listen 80;
server_name zjsjgjyyzx.cn 124.220.83.186 _;
# 保留现有静态页面与代理规则
}
```
不要加入以下跳转规则,否则不再满足 HTTP、HTTPS 都直接可访问的要求:
```nginx
return 301 https://$host$request_uri;
```
### 6.2 HTTPS 443 配置
文件:
```text
/data/nginx/conf/conf.d/zhjzpt-ssl.conf
```
HTTPS 配置应与 HTTP 站点保持功能等价,至少包含:
- 静态站点根目录:`/usr/share/nginx/html/admin-ui`
- `/kkfileview/` 代理
- `/dp/` 静态目录
- `/.well-known/acme-challenge/` 规则
- `/admin-api/` 代理
- `/app-api/` 代理
- 根路径 SPA fallback
核心 TLS 配置:
```nginx
server {
listen 443 ssl;
server_name zjsjgjyyzx.cn;
root /usr/share/nginx/html/admin-ui;
index index.html;
charset utf-8;
ssl_certificate /etc/nginx/ssl/zjsjgjyyzx.cn/fullchain.pem;
ssl_certificate_key /etc/nginx/ssl/zjsjgjyyzx.cn/privkey.pem;
ssl_protocols TLSv1.2 TLSv1.3;
ssl_session_cache shared:SSL:10m;
ssl_session_timeout 10m;
# 以下保持与 HTTP 站点相同的静态和代理 location
}
```
配置修改前先备份:
```bash
TS=$(date +%Y%m%d%H%M%S)
cp -p /data/nginx/conf/conf.d/zhjzpt.conf \
"/data/nginx/conf/conf.d/zhjzpt.conf.bak-$TS-before-change"
[ ! -f /data/nginx/conf/conf.d/zhjzpt-ssl.conf ] || \
cp -p /data/nginx/conf/conf.d/zhjzpt-ssl.conf \
"/data/nginx/conf/conf.d/zhjzpt-ssl.conf.bak-$TS"
```
检查并 reload
```bash
docker exec nginx nginx -t
docker exec nginx nginx -s reload
```
`nginx -t` 失败时不得 reload。应先恢复备份重新检查通过后再 reload。
## 7. Certbot 自动续期
### 7.1 Deploy Hook 内容
创建:
```text
/etc/letsencrypt/renewal-hooks/deploy/zjsjgjyyzx.cn-nginx.sh
```
内容:
```sh
#!/bin/sh
set -eu
DOMAIN="zjsjgjyyzx.cn"
LIVE="/etc/letsencrypt/live/${DOMAIN}"
TARGET="/data/nginx/ssl/${DOMAIN}"
install -d -o root -g root -m 0755 "$TARGET"
install -o root -g root -m 0644 "$LIVE/fullchain.pem" "$TARGET/fullchain.pem"
install -o root -g root -m 0600 "$LIVE/privkey.pem" "$TARGET/privkey.pem"
docker exec nginx nginx -t
docker exec nginx nginx -s reload
```
设置权限:
```bash
chmod 700 /etc/letsencrypt/renewal-hooks/deploy/zjsjgjyyzx.cn-nginx.sh
```
### 7.2 测试续期
```bash
certbot renew --dry-run
systemctl is-enabled certbot.timer
systemctl is-active certbot.timer
```
预期:
```text
certbot renew --dry-run模拟续期成功
enabled
active
```
## 8. 域名根目录校验文件
主站根目录是:
```text
/data/nginx/html/admin-ui/
```
发布第三方验证文件时,保持原始文件名和内容。例如文件名为 `example.txt`
```bash
install -o root -g root -m 0644 /tmp/example.txt \
/data/nginx/html/admin-ui/example.txt
```
验证:
```bash
curl -i http://zjsjgjyyzx.cn/example.txt
curl -i https://zjsjgjyyzx.cn/example.txt
```
两个地址都应返回:
```text
HTTP/1.1 200 OK
```
当前已发布的校验文件:
```text
/data/nginx/html/admin-ui/f7TyKy8B8f.txt
```
对应访问地址:
```text
http://zjsjgjyyzx.cn/f7TyKy8B8f.txt
https://zjsjgjyyzx.cn/f7TyKy8B8f.txt
```
## 9. 部署后验证
### 9.1 HTTP 与 HTTPS 首页
```bash
curl -I --max-time 30 http://zjsjgjyyzx.cn/
curl -I --max-time 30 https://zjsjgjyyzx.cn/
```
两者都应返回:
```text
HTTP/1.1 200 OK
```
HTTP 不应返回 `301/302` 到 HTTPS。
### 9.2 TLS 证书
```bash
printf '' | openssl s_client \
-connect zjsjgjyyzx.cn:443 \
-servername zjsjgjyyzx.cn 2>/dev/null |
openssl x509 -noout -subject -issuer -dates
```
预期主体:
```text
subject=CN=zjsjgjyyzx.cn
```
### 9.3 HTTPS API
```bash
curl -sS -o /dev/null -w '%{http_code} %{content_type}\n' \
--max-time 30 \
https://zjsjgjyyzx.cn/app-api/system/menu/list
```
预期:
```text
200 application/json;charset=UTF-8
```
### 9.4 Nginx 与续期
```bash
docker exec nginx nginx -t
certbot certificates
certbot renew --dry-run
```
## 10. 回滚
### 10.1 回滚 HTTPS 配置
如果 HTTPS 新配置导致 `nginx -t` 失败或业务异常:
```bash
set -e
CFGDIR=/data/nginx/conf/conf.d
BACKUP="$CFGDIR/zhjzpt-ssl.conf.bak-YYYYMMDDHHMMSS"
test -f "$BACKUP"
cp -p "$BACKUP" "$CFGDIR/zhjzpt-ssl.conf"
docker exec nginx nginx -t
docker exec nginx nginx -s reload
```
如果需要临时停用 HTTPS server
```bash
set -e
mv /data/nginx/conf/conf.d/zhjzpt-ssl.conf \
/data/nginx/conf/conf.d/zhjzpt-ssl.conf.disabled
docker exec nginx nginx -t
docker exec nginx nginx -s reload
```
这不会影响现有 HTTP 80 站点。
### 10.2 回滚 HTTP 配置
只在误改 `zhjzpt.conf` 时恢复:
```bash
set -e
CFGDIR=/data/nginx/conf/conf.d
BACKUP="$CFGDIR/zhjzpt.conf.bak-YYYYMMDDHHMMSS-before-change"
test -f "$BACKUP"
cp -p "$BACKUP" "$CFGDIR/zhjzpt.conf"
docker exec nginx nginx -t
docker exec nginx nginx -s reload
```
不要删除 `/data/nginx/html/admin-ui/` 整个目录,以免影响后台前端和根目录校验文件。
## 11. 2026-09-07 实施记录
- 域名备案生效后,权威 DNS 和公共 DNS 均解析到 `124.220.83.186`
- 使用 Certbot HTTP-01 Webroot 模式成功签发 `zjsjgjyyzx.cn` 证书。
- 证书签发机构Lets Encrypt YR2。
- 该证书有效至 `2026-12-06 01:29:53 GMT`
- 新增 `zhjzpt-ssl.conf`,监听 `443 ssl`
- 保留 `zhjzpt.conf``80` HTTP 站点,不执行 HTTP 到 HTTPS 跳转。
- HTTP 首页、HTTPS 首页和 HTTPS `/app-api/system/menu/list` 均验证返回 `200`
- Certbot `renew --dry-run` 成功。
- `certbot.timer` 处于 `enabled``active` 状态。
- 发布根目录校验文件 `f7TyKy8B8f.txt`HTTP 和 HTTPS 均返回 `200`

View File

@@ -8,14 +8,11 @@
"node": ">=20 <25"
},
"scripts": {
"sync:sdk-engine": "node scripts/sync-sdk-engine.cjs",
"predev:h5": "npm run sync:sdk-engine",
"dev:h5": "uni -p h5 --mode development",
"predev:test:h5": "npm run sync:sdk-engine",
"dev:test:h5": "uni -p h5 --mode test",
"build:test:h5": "npm run sync:sdk-engine && uni build -p h5 --mode test && node scripts/finalize-h5-build.cjs --allow-placeholder",
"build:h5": "npm run sync:sdk-engine && uni build -p h5 --mode production && node scripts/finalize-h5-build.cjs --require-tencent-map-key",
"build:h5:no-minify": "npm run sync:sdk-engine && uni build -p h5 --mode production --minify false && node scripts/finalize-h5-build.cjs --require-tencent-map-key",
"build:test:h5": "uni build -p h5 --mode test && node scripts/finalize-h5-build.cjs --allow-placeholder",
"build:h5": "uni build -p h5 --mode production && node scripts/finalize-h5-build.cjs --require-tencent-map-key",
"build:h5:no-minify": "uni build -p h5 --mode production --minify false && node scripts/finalize-h5-build.cjs --require-tencent-map-key",
"dev:mp-weixin": "uni -p mp-weixin --mode development",
"dev:test:mp-weixin": "uni -p mp-weixin --mode test",
"build:test:mp-weixin": "uni build -p mp-weixin --mode test",

View File

@@ -10,6 +10,7 @@ const placeholder = '__REPLACE_WITH_TENCENT_MAP_WEB_KEY__'
const badPatterns = [
'http://1.92.206.90:9000',
'1.92.206.90',
'172.20.14.21',
'guide.whaoyue.com',
placeholder
]

View File

@@ -1,52 +0,0 @@
const fs = require('fs')
const path = require('path')
const projectRoot = path.resolve(__dirname, '..')
const repoRoot = path.resolve(projectRoot, '..')
const sourceDir = path.join(repoRoot, 'sgs-map-sdk-release', 'engine')
const targetDir = path.join(projectRoot, 'public', 'engine')
if (!fs.existsSync(sourceDir)) {
throw new Error(`SDK Engine source not found: ${sourceDir}`)
}
const publicDir = path.join(projectRoot, 'public')
const resolvedTarget = path.resolve(targetDir)
if (!resolvedTarget.startsWith(path.resolve(publicDir) + path.sep)) {
throw new Error(`Refusing to write outside public directory: ${resolvedTarget}`)
}
const rewriteTextFiles = (dir) => {
const replacements = [
['http://1.92.206.90:9000/museum-assets', '/museum-assets'],
['http://1.92.206.90:9000/tts-audio', '/tts-audio'],
['http://1.92.206.90:9000', 'http://legacy-minio.local:9000'],
['https://1.92.206.90:9000', 'https://legacy-minio.local:9000'],
['https://guide.whaoyue.com/museum-assets', '/museum-assets'],
['https://guide.whaoyue.com/tts-audio', '/tts-audio'],
['https://guide.whaoyue.com/app-api', '/app-api']
]
for (const entry of fs.readdirSync(dir, { withFileTypes: true })) {
const filePath = path.join(dir, entry.name)
if (entry.isDirectory()) {
rewriteTextFiles(filePath)
continue
}
if (!entry.isFile() || !/\.(?:html|js|mjs|json|css|map)$/i.test(entry.name)) continue
let text = fs.readFileSync(filePath, 'utf8')
const original = text
for (const [from, to] of replacements) {
text = text.split(from).join(to)
}
if (text !== original) fs.writeFileSync(filePath, text, 'utf8')
}
}
fs.rmSync(targetDir, { recursive: true, force: true })
fs.mkdirSync(path.dirname(targetDir), { recursive: true })
fs.cpSync(sourceDir, targetDir, { recursive: true })
rewriteTextFiles(targetDir)
console.log(`Synced SDK Engine: ${sourceDir} -> ${targetDir}`)

View File

@@ -62,10 +62,7 @@ export interface ExplainGuideStopCatalogItem {
description?: string
audioStatus?: string
hasAudio?: boolean
hasTextRecord?: boolean
guideLevel?: string
playTargetType?: 'ITEM' | 'STOP'
playTargetId?: string
}
const props = withDefaults(defineProps<{
@@ -144,7 +141,7 @@ const handleImageError = (stopId: string) => {
}
const availabilityLabel = (stop: ExplainGuideStopCatalogItem) => (
stop.audioStatus === 'READY' || stop.hasAudio ? '讲解' : stop.hasTextRecord ? '图文' : '暂无内容'
stop.audioStatus === 'READY' || stop.hasAudio ? '讲解' : '图文'
)
const requestMore = () => { if (props.hasMore && !props.loading && !props.loadingMore && !props.loadMoreError) emit('retryMore') }
const handleScroll = (event: Event) => { const target = event.target as HTMLElement | null; if (target && target.scrollTop + target.clientHeight >= target.scrollHeight - 8) requestMore() }

View File

@@ -210,8 +210,6 @@ export interface ExplainGuideStopSelectItem {
hasAudio?: boolean
audioStatus?: string
guideLevel?: string
playTargetType?: 'ITEM' | 'STOP'
playTargetId?: string
}
export interface ExplainBusinessUnitSelectItem {

View File

@@ -4,19 +4,18 @@ import type {
AudioItem
} from '@/components/audio/AudioPlayer.vue'
import {
audioPlayInfoRepository,
audioReasonToText,
type AudioLanguage
} from '@/repositories/AudioPlayInfoRepository'
import type { AudioPlayTargetType } from '@/domain/museum'
import type { MuseumGuideAudioOption } from '@/domain/museum'
import { resolveGuideAudioOption } from '@/domain/guideAudioOptions'
export interface GlobalAudioSource {
exhibitId?: string
targetType?: AudioPlayTargetType
targetId?: string
stopId?: string
lang?: AudioLanguage | string
channelCode?: string
voiceGender?: 'male' | 'female'
audioOptions?: MuseumGuideAudioOption[]
detailRoute?: string
title?: string
}
@@ -73,9 +72,10 @@ const isAutoplayBlocked = (err: unknown) => {
const syncAudioDuration = () => {
if (!audioElement) return
duration.value = Number.isFinite(audioElement.duration)
? audioElement.duration
: currentAudio.value?.duration || 0
const mediaDuration = audioElement.duration
duration.value = Number.isFinite(mediaDuration) && mediaDuration > 0
? mediaDuration
: 0
}
const ensureAudioElement = () => {
@@ -179,7 +179,7 @@ const stopPlayback = () => {
loading.value = false
pendingLanguage.value = ''
currentTime.value = 0
duration.value = currentAudio.value?.duration || 0
duration.value = 0
}
const updateDetailRouteLanguage = (route: string | undefined, lang: AudioLanguage) => {
@@ -192,14 +192,14 @@ const updateDetailRouteLanguage = (route: string | undefined, lang: AudioLanguag
}
const toSwitchedAudioItem = (
playInfo: Awaited<ReturnType<typeof audioPlayInfoRepository.getPlayInfo>>,
audioOption: MuseumGuideAudioOption,
lang: AudioLanguage
): AudioItem => ({
id: `play-${playInfo.audioId || `${playInfo.targetType}-${playInfo.targetId}-${lang}`}`,
name: currentAudio.value?.name || currentSource.value?.title || playInfo.title || '讲解音频',
audioUrl: playInfo.playUrl || '',
id: `channel-${audioOption.channelCode}`,
name: currentAudio.value?.name || currentSource.value?.title || audioOption.displayName || '讲解音频',
audioUrl: audioOption.playUrl,
image: currentAudio.value?.image,
duration: typeof playInfo.duration === 'number' ? playInfo.duration : currentAudio.value?.duration,
duration: audioOption.duration || currentAudio.value?.duration,
language: lang,
supportedLanguages: currentAudio.value?.supportedLanguages
})
@@ -245,7 +245,7 @@ const play = async (audio: AudioItem, options: GlobalAudioPlayOptions = {}) => {
if (isNewAudio) {
currentTime.value = 0
duration.value = audio.duration || 0
duration.value = 0
}
if (element.getAttribute('src') !== audio.audioUrl) {
@@ -292,7 +292,7 @@ const switchLanguage = async (lang: AudioLanguage) => {
}
const source = currentSource.value
if (!source?.targetType || !source.targetId) {
if (!source?.audioOptions?.length) {
error.value = '当前讲解暂不支持语言切换'
showToast(error.value)
return false
@@ -318,20 +318,19 @@ const switchLanguage = async (lang: AudioLanguage) => {
}
try {
const playInfo = await audioPlayInfoRepository.getPlayInfo({
targetType: source.targetType,
targetId: source.targetId,
const audioOption = resolveGuideAudioOption(
source.audioOptions,
lang,
refresh: true
})
source.voiceGender || 'female'
)
if (!playInfo.playable || !playInfo.playUrl) {
if (!audioOption?.playUrl) {
stopAudioElement()
currentSource.value = nextSource
currentAudio.value = currentAudio.value
? {
...currentAudio.value,
id: `unavailable-${source.targetType}-${source.targetId}-${lang}`,
id: `unavailable-${source.stopId || source.exhibitId || 'detail'}-${lang}`,
audioUrl: '',
duration: 0,
language: lang
@@ -343,14 +342,19 @@ const switchLanguage = async (lang: AudioLanguage) => {
loading.value = false
currentTime.value = 0
duration.value = 0
error.value = audioReasonToText(playInfo.reason || 'NO_PUBLISHED_AUDIO')
error.value = '当前语言暂无语音讲解'
showToast(error.value)
return false
}
currentSource.value = nextSource
return await play(toSwitchedAudioItem(playInfo, lang), {
source: nextSource,
const nextTrackSource: GlobalAudioSource = {
...nextSource,
channelCode: audioOption.channelCode,
voiceGender: audioOption.gender
}
currentSource.value = nextTrackSource
return await play(toSwitchedAudioItem(audioOption, lang), {
source: nextTrackSource,
retryOnError: retryOnError || undefined,
displayMode: preservedMode
})
@@ -361,7 +365,7 @@ const switchLanguage = async (lang: AudioLanguage) => {
if (currentAudio.value) {
currentAudio.value = {
...currentAudio.value,
id: `unavailable-${source.targetType}-${source.targetId}-${lang}`,
id: `unavailable-${source.stopId || source.exhibitId || 'detail'}-${lang}`,
audioUrl: '',
duration: 0,
language: lang
@@ -462,14 +466,11 @@ const unregisterHost = (hostId: string) => {
}
}
const isCurrentSource = (source: Pick<GlobalAudioSource, 'targetType' | 'targetId' | 'lang' | 'channelCode'>) => {
const isCurrentSource = (source: Pick<GlobalAudioSource, 'stopId' | 'lang' | 'channelCode'>) => {
if (!currentAudio.value || !currentSource.value) return false
return Boolean(
source.targetType
&& source.targetId
&& currentSource.value.targetType === source.targetType
&& currentSource.value.targetId === source.targetId
(!source.stopId || currentSource.value.stopId === source.stopId)
&& (!source.lang || !currentSource.value.lang || currentSource.value.lang === source.lang)
&& (!source.channelCode || currentSource.value.channelCode === source.channelCode)
)

View File

@@ -100,9 +100,7 @@ export const dataSourceConfig = {
audioApiTimeoutMs: normalizeTimeout(
import.meta.env.VITE_AUDIO_API_TIMEOUT_MS || import.meta.env.VITE_EXPLAIN_API_TIMEOUT_MS,
defaultExplainRequestTimeoutMs
),
publicSameOriginAssetHost: import.meta.env.VITE_PUBLIC_SAME_ORIGIN_ASSET_HOST?.trim() || '',
publicLegacyAudioHost: import.meta.env.VITE_PUBLIC_LEGACY_AUDIO_HOST?.trim() || ''
)
}
export const isSgsSdkMode = () => dataSourceConfig.guideDataMode === 'sdk'

View File

@@ -158,9 +158,14 @@ export interface BackendCatalogStopItem {
hasAudio?: boolean | null
audioStatus?: string | null
supportedLanguages?: string[] | null
hasTextRecord?: boolean | null
playTargetType?: string | null
playTargetId?: string | number | null
audioOptions?: Array<{
version?: string | null
languageCode?: string | null
languageName?: string | null
gender?: string | null
displayName?: string | null
isDefault?: boolean | null
}> | null
}
export interface BackendExplainAdapterResult {
@@ -339,8 +344,6 @@ export const toCatalogGuideStop = (
const id = stringifyId(source.stopId) || stringifyId(source.id)
if (!id) return null
const playTargetType = normalizeAudioTargetType(source.playTargetType) || 'STOP'
const playTargetId = stringifyId(source.playTargetId) || id
const imageStatus = firstText(source.imageStatus) || 'MISSING'
const canUseStopImage = imageStatus === 'READY'
@@ -350,8 +353,6 @@ export const toCatalogGuideStop = (
hallId: hall?.id,
hallName: hall?.name,
floorId: stringifyId(source.floorId) || hall?.floorId,
targetType: playTargetType,
targetId: playTargetId,
coverImageUrl: canUseStopImage
? normalizeSameOriginPublicUrl(firstText(source.coverImageUrl)) || undefined
: undefined,
@@ -359,7 +360,6 @@ export const toCatalogGuideStop = (
hasAudio: source.hasAudio === true,
audioStatus: normalizeCatalogAudioStatus(source.audioStatus),
supportedLanguages: normalizeSupportedLanguages(source.supportedLanguages),
hasTextRecord: source.hasTextRecord === true,
poiId: stringifyId(source.poiId) || undefined,
mapX: normalizeNumber(source.mapX),
mapY: normalizeNumber(source.mapY),
@@ -373,8 +373,27 @@ export const toCatalogGuideStop = (
linkedExhibits: (source.linkedExhibits || [])
.map(toCatalogLinkedExhibitSummary)
.filter(Boolean) as NonNullable<ExplainGuideStop['linkedExhibits']>,
playTargetType,
playTargetId
stopId: id,
// Catalog audio metadata is intentionally display-only: playback always
// comes from the unified stop detail and therefore has no URL here.
audioOptions: (source.audioOptions || [])
.map((option) => {
const gender = option.gender?.trim().toLowerCase()
if (gender !== 'male' && gender !== 'female') return null
const languageCode = normalizeGuideAudioLanguage(option.languageCode)
const version = option.version?.trim().toLowerCase() === 'extended' ? 'extended' : 'standard'
return {
channelCode: `${version}.${languageCode}.${gender}`,
version,
languageCode,
languageName: firstText(option.languageName) || undefined,
gender,
displayName: firstText(option.displayName) || undefined,
playUrl: '',
isDefault: option.isDefault === true
}
})
.filter(Boolean) as NonNullable<ExplainGuideStop['audioOptions']>
}
}
@@ -404,15 +423,15 @@ export const toCatalogMuseumExhibitFromStop = (
audioAvailable: audioReady,
audioStatus: stop.audioStatus,
supportedLanguages: stop.supportedLanguages,
audioHasText: stop.hasTextRecord,
// List summaries do not carry authoritative text availability. It is read
// from the unified detail together with the full text variants.
audioHasText: false,
imageStatus: stop.imageStatus,
linkedExhibitCount: stop.linkedExhibitCount,
isSharedStop: stop.isSharedStop,
linkedExhibits: stop.linkedExhibits,
stopInfoAvailable: true,
resolvedStopId: stop.id,
playTargetType: stop.playTargetType || stop.targetType || 'STOP',
playTargetId: stop.playTargetId || stop.targetId || stop.id
resolvedStopId: stop.id
}
}

View File

@@ -1,5 +1,4 @@
import type {
AudioPlayTargetType,
GuideAudioGender,
MuseumGuideAudioOption
} from '@/domain/museum'
@@ -9,6 +8,54 @@ import {
export type GuideAudioLanguage = 'zh-CN' | 'yue-HK' | 'en-US'
export type GuideAudioVersion = 'standard' | 'extended'
export interface BackendGuideTextVariant {
version?: string | null
languageCode?: string | null
languageName?: string | null
text?: string | null
textLength?: number | string | null
textHash?: string | null
}
export interface BackendGuideAudioTrack {
version?: string | null
languageCode?: string | null
languageName?: string | null
gender?: string | null
displayName?: string | null
playUrl?: string | null
duration?: number | string | null
format?: string | null
isDefault?: boolean | null
}
export interface BackendGuideStopDetail {
id?: string | number | null
version?: string | null
outlineId?: string | number | null
poiId?: string | number | null
floorId?: string | number | null
mapX?: number | string | null
mapY?: number | string | null
name?: string | null
description?: string | null
coverImageUrl?: string | null
galleryUrls?: string | string[] | null
imageStatus?: string | null
linkedExhibits?: BackendGuideStopLinkedExhibit[] | null
linkedExhibitCount?: number | string | null
isSharedStop?: boolean | null
recommendedTrackCode?: string | null
textVariants?: BackendGuideTextVariant[] | null
audioTracks?: BackendGuideAudioTrack[] | null
hasText?: boolean | null
hasAudio?: boolean | null
textVariantCount?: number | string | null
audioTrackCount?: number | string | null
}
export interface BackendGuideStopLinkedExhibit {
id?: string | number | null
name?: string | null
@@ -20,81 +67,42 @@ export interface BackendGuideStopLinkedExhibit {
sortOrder?: number | string | null
}
export interface BackendGuideAudioOption {
channelCode?: string | null
displayName?: string | null
version?: string | null
languageCode?: string | null
languageName?: string | null
gender?: string | null
playUrl?: string | null
duration?: number | string | null
format?: string | null
isDefault?: boolean | null
sortOrder?: number | string | null
export interface GuideTextVariant {
version: GuideAudioVersion
languageCode: GuideAudioLanguage
languageName?: string
text?: string
textLength?: number
textHash?: string
}
export interface BackendGuideStopInfo {
available?: boolean
targetType?: string | null
targetId?: string | number | null
resolvedStopId?: string | number | null
stopId?: string | number | null
poiId?: string | number | null
floorId?: string | number | null
mapX?: number | string | null
mapY?: number | string | null
lang?: string | null
title?: string | null
description?: string | null
coverImageUrl?: string | null
galleryUrls?: string | string[] | null
imageStatus?: string | null
imageSource?: string | null
linkedExhibits?: BackendGuideStopLinkedExhibit[] | null
playTargetType?: string | null
playTargetId?: string | number | null
hasAudio?: boolean
hasText?: boolean
supportedLanguages?: string[] | null
audioStatus?: string | null
audioOptions?: BackendGuideAudioOption[] | null
audioOptionCount?: number | string | null
reason?: string | null
linkedExhibitCount?: number | string | null
isSharedStop?: boolean | null
export interface GuideAudioTrack extends MuseumGuideAudioOption {
version: GuideAudioVersion
}
export interface BackendAudioPlayInfo {
playable?: boolean
targetType?: string | null
targetId?: string | number | null
lang?: string | null
narrationTier?: 'STANDARD' | 'EXTENDED' | string | null
audioId?: string | number | null
title?: string | null
duration?: number | null
format?: string | null
playUrl?: string | null
expiresAt?: string | null
subtitleUrl?: string | null
hasText?: boolean
fallback?: boolean
fallbackReason?: string | null
reason?: string | null
}
export interface BackendAudioTextInfo {
available?: boolean
targetType?: string | null
targetId?: string | number | null
lang?: string | null
narrationTier?: 'STANDARD' | 'EXTENDED' | string | null
title?: string | null
text?: string | null
textLength?: number | null
textHash?: string | null
reason?: string | null
export interface GuideStopDetail {
id: string
version: GuideAudioVersion
outlineId?: string
poiId?: string
floorId?: string
mapX?: number
mapY?: number
name: string
description?: string
coverImageUrl?: string
galleryUrls: string[]
imageStatus: 'READY' | 'MISSING' | string
linkedExhibits: GuideStopLinkedExhibit[]
linkedExhibitCount?: number
isSharedStop: boolean
recommendedTrackCode?: string
textVariants: GuideTextVariant[]
audioTracks: GuideAudioTrack[]
hasText: boolean
hasAudio: boolean
textVariantCount: number
audioTrackCount: number
}
export interface GuideStopLinkedExhibit {
@@ -108,68 +116,6 @@ export interface GuideStopLinkedExhibit {
sortOrder?: number
}
export interface GuideStopInfo {
available: boolean
targetType: AudioPlayTargetType
targetId: string
resolvedStopId?: string
poiId?: string
floorId?: string
mapX?: number
mapY?: number
lang: GuideAudioLanguage
title: string
description?: string
coverImageUrl?: string
galleryUrls: string[]
imageStatus: 'READY' | 'MISSING' | string
imageSource?: string
linkedExhibits: GuideStopLinkedExhibit[]
playTargetType: AudioPlayTargetType
playTargetId: string
hasAudio: boolean
hasText: boolean
supportedLanguages: GuideAudioLanguage[]
audioStatus: 'READY' | 'MISSING' | string
audioOptions: MuseumGuideAudioOption[]
audioOptionCount?: number
reason?: string
linkedExhibitCount?: number
isSharedStop?: boolean
}
export interface GuideAudioPlayInfo {
playable: boolean
targetType: AudioPlayTargetType
targetId: string
lang: GuideAudioLanguage
narrationTier?: 'STANDARD' | 'EXTENDED'
audioId?: string
title?: string
duration?: number
format?: string
playUrl?: string
expiresAt?: string
subtitleUrl?: string
hasText: boolean
fallback: boolean
fallbackReason?: string
reason?: string
}
export interface GuideAudioTextInfo {
available: boolean
targetType: AudioPlayTargetType
targetId: string
lang: GuideAudioLanguage
narrationTier?: 'STANDARD' | 'EXTENDED'
title?: string
text?: string
textLength?: number
textHash?: string
reason?: string
}
const stringifyId = (value: string | number | null | undefined) => (
value === null || typeof value === 'undefined' ? '' : String(value)
)
@@ -183,11 +129,6 @@ const normalizeNumber = (value: number | string | null | undefined) => {
return undefined
}
const normalizeTargetType = (value: string | null | undefined, fallback: AudioPlayTargetType): AudioPlayTargetType => {
const normalized = value?.toUpperCase()
return normalized === 'ITEM' || normalized === 'STOP' ? normalized : fallback
}
export const normalizeGuideAudioLanguage = (
value: string | null | undefined
): GuideAudioLanguage => {
@@ -197,36 +138,49 @@ export const normalizeGuideAudioLanguage = (
return 'zh-CN'
}
const normalizeSupportedLanguages = (languages: string[] | null | undefined): GuideAudioLanguage[] => (
Array.from(new Set((languages || [])
.map((language) => {
const normalized = language?.trim().toLowerCase()
if (!['zh', 'zh-cn', 'en', 'en-us', 'yue', 'yue-cn', 'yue-hk'].includes(normalized)) {
return null
}
return normalizeGuideAudioLanguage(language)
})
.filter(Boolean))) as GuideAudioLanguage[]
)
const normalizeAudioGender = (value: string | null | undefined): GuideAudioGender | null => {
const normalized = value?.trim().toLowerCase()
return normalized === 'male' || normalized === 'female' ? normalized : null
}
const normalizeAudioOptions = (items: BackendGuideAudioOption[] | null | undefined): MuseumGuideAudioOption[] => (
const normalizeAudioVersion = (value: string | null | undefined): GuideAudioVersion => (
value?.trim().toLowerCase() === 'extended' ? 'extended' : 'standard'
)
const normalizeTextVariants = (items: BackendGuideTextVariant[] | null | undefined): GuideTextVariant[] => (
(items || [])
.map<MuseumGuideAudioOption | null>((item) => {
const channelCode = item.channelCode?.trim()
.map<GuideTextVariant | null>((item) => {
const text = item.text?.trim() || undefined
const languageCode = normalizeGuideAudioLanguage(item.languageCode)
if (!text) return null
return {
version: normalizeAudioVersion(item.version),
languageCode,
languageName: item.languageName?.trim() || undefined,
text,
textLength: normalizeNumber(item.textLength),
textHash: item.textHash?.trim() || undefined
}
})
.filter(Boolean) as GuideTextVariant[]
)
const trackCodeFor = (version: GuideAudioVersion, languageCode: GuideAudioLanguage, gender: GuideAudioGender) => (
`${version}.${languageCode}.${gender}`
)
const normalizeAudioTracks = (items: BackendGuideAudioTrack[] | null | undefined): GuideAudioTrack[] => (
(items || [])
.map<GuideAudioTrack | null>((item) => {
const languageCode = normalizeGuideAudioLanguage(item.languageCode)
const gender = normalizeAudioGender(item.gender)
const playUrl = normalizeSameOriginPublicUrl(item.playUrl)
if (!channelCode || !gender || !playUrl) return null
if (!gender || !playUrl) return null
const version = normalizeAudioVersion(item.version)
return {
channelCode,
channelCode: trackCodeFor(version, languageCode, gender),
displayName: item.displayName?.trim() || undefined,
version: item.version?.trim() || undefined,
version,
languageCode,
languageName: item.languageName?.trim() || undefined,
gender,
@@ -234,13 +188,50 @@ const normalizeAudioOptions = (items: BackendGuideAudioOption[] | null | undefin
duration: normalizeNumber(item.duration),
format: item.format?.trim() || undefined,
isDefault: item.isDefault === true,
sortOrder: normalizeNumber(item.sortOrder)
sortOrder: undefined
}
})
.filter(Boolean) as MuseumGuideAudioOption[]
.filter(Boolean) as GuideAudioTrack[]
)
const parseGalleryUrls = (value: BackendGuideStopInfo['galleryUrls'] | BackendGuideStopLinkedExhibit['galleryUrls']) => {
export const toGuideStopDetail = (source: BackendGuideStopDetail): GuideStopDetail => {
const id = stringifyId(source.id)
if (!id) throw new Error('讲解点详情缺少 id')
const imageStatus = source.imageStatus || 'MISSING'
const canUseStopImages = imageStatus === 'READY'
const textVariants = normalizeTextVariants(source.textVariants)
const audioTracks = normalizeAudioTracks(source.audioTracks)
const linkedExhibits = normalizeLinkedExhibits(source.linkedExhibits)
return {
id,
version: normalizeAudioVersion(source.version),
outlineId: stringifyId(source.outlineId) || undefined,
poiId: stringifyId(source.poiId) || undefined,
floorId: stringifyId(source.floorId) || undefined,
mapX: normalizeNumber(source.mapX),
mapY: normalizeNumber(source.mapY),
name: source.name?.trim() || '讲解内容',
description: source.description?.trim() || undefined,
coverImageUrl: canUseStopImages
? normalizeSameOriginPublicUrl(source.coverImageUrl) || undefined
: undefined,
galleryUrls: canUseStopImages ? parseGalleryUrls(source.galleryUrls) : [],
imageStatus,
linkedExhibits,
linkedExhibitCount: normalizeNumber(source.linkedExhibitCount) ?? linkedExhibits.length,
isSharedStop: source.isSharedStop === true,
recommendedTrackCode: source.recommendedTrackCode?.trim() || undefined,
textVariants,
audioTracks,
hasText: source.hasText === true || textVariants.length > 0,
hasAudio: source.hasAudio === true || audioTracks.length > 0,
textVariantCount: normalizeNumber(source.textVariantCount) ?? textVariants.length,
audioTrackCount: normalizeNumber(source.audioTrackCount) ?? audioTracks.length
}
}
const parseGalleryUrls = (value: BackendGuideStopLinkedExhibit['galleryUrls']) => {
if (!value) return []
if (Array.isArray(value)) {
return value.map((entry) => normalizeSameOriginPublicUrl(String(entry))).filter(Boolean)
@@ -263,11 +254,6 @@ const parseGalleryUrls = (value: BackendGuideStopInfo['galleryUrls'] | BackendGu
return []
}
const normalizeNarrationTier = (value: string | null | undefined) => {
const normalized = value?.toUpperCase()
return normalized === 'STANDARD' || normalized === 'EXTENDED' ? normalized : undefined
}
const normalizeLinkedExhibits = (items: BackendGuideStopLinkedExhibit[] | null | undefined) => (
(items || [])
.map<GuideStopLinkedExhibit | null>((item) => {
@@ -287,114 +273,3 @@ const normalizeLinkedExhibits = (items: BackendGuideStopLinkedExhibit[] | null |
})
.filter(Boolean) as GuideStopLinkedExhibit[]
)
export const toGuideStopInfo = (
source: BackendGuideStopInfo,
fallback: {
targetType: AudioPlayTargetType
targetId: string
lang: GuideAudioLanguage
}
): GuideStopInfo => {
const targetType = normalizeTargetType(source.targetType, fallback.targetType)
const targetId = stringifyId(source.targetId) || fallback.targetId
const playTargetType = normalizeTargetType(source.playTargetType, targetType)
const playTargetId = stringifyId(source.playTargetId) || targetId
const imageStatus = source.imageStatus || 'MISSING'
const canUseStopImages = imageStatus === 'READY'
const galleryUrls = canUseStopImages ? parseGalleryUrls(source.galleryUrls) : []
const coverImageUrl = canUseStopImages
? normalizeSameOriginPublicUrl(source.coverImageUrl) || undefined
: undefined
const audioOptions = normalizeAudioOptions(source.audioOptions)
const supportedLanguages = Array.from(new Set([
...normalizeSupportedLanguages(source.supportedLanguages),
...audioOptions.map((option) => option.languageCode as GuideAudioLanguage)
]))
return {
available: source.available === true,
targetType,
targetId,
resolvedStopId: stringifyId(source.resolvedStopId) || stringifyId(source.stopId) || undefined,
poiId: stringifyId(source.poiId) || undefined,
floorId: stringifyId(source.floorId) || undefined,
mapX: normalizeNumber(source.mapX),
mapY: normalizeNumber(source.mapY),
lang: normalizeGuideAudioLanguage(source.lang || fallback.lang),
title: source.title?.trim() || '讲解内容',
description: source.description?.trim() || undefined,
coverImageUrl,
galleryUrls,
imageStatus,
imageSource: source.imageSource || undefined,
linkedExhibits: normalizeLinkedExhibits(source.linkedExhibits),
playTargetType,
playTargetId,
hasAudio: source.hasAudio === true,
hasText: source.hasText === true,
supportedLanguages,
audioStatus: source.audioStatus || 'MISSING',
audioOptions,
audioOptionCount: normalizeNumber(source.audioOptionCount),
reason: source.reason || undefined,
linkedExhibitCount: normalizeNumber(source.linkedExhibitCount),
isSharedStop: source.isSharedStop === true
}
}
export const toGuideAudioPlayInfo = (
source: BackendAudioPlayInfo,
fallback: {
targetType: AudioPlayTargetType
targetId: string
lang: GuideAudioLanguage
}
): GuideAudioPlayInfo => {
const targetType = normalizeTargetType(source.targetType, fallback.targetType)
const targetId = stringifyId(source.targetId) || fallback.targetId
return {
playable: source.playable === true,
targetType,
targetId,
lang: normalizeGuideAudioLanguage(source.lang || fallback.lang),
narrationTier: normalizeNarrationTier(source.narrationTier),
audioId: stringifyId(source.audioId) || undefined,
title: source.title?.trim() || undefined,
duration: typeof source.duration === 'number' && Number.isFinite(source.duration) ? source.duration : undefined,
format: source.format?.trim() || undefined,
playUrl: normalizeSameOriginPublicUrl(source.playUrl) || undefined,
expiresAt: source.expiresAt || undefined,
subtitleUrl: normalizeSameOriginPublicUrl(source.subtitleUrl) || undefined,
hasText: source.hasText === true,
fallback: source.fallback === true,
fallbackReason: source.fallbackReason || undefined,
reason: source.reason || undefined
}
}
export const toGuideAudioTextInfo = (
source: BackendAudioTextInfo,
fallback: {
targetType: AudioPlayTargetType
targetId: string
lang: GuideAudioLanguage
}
): GuideAudioTextInfo => {
const targetType = normalizeTargetType(source.targetType, fallback.targetType)
const targetId = stringifyId(source.targetId) || fallback.targetId
return {
available: source.available === true,
targetType,
targetId,
lang: normalizeGuideAudioLanguage(source.lang || fallback.lang),
narrationTier: normalizeNarrationTier(source.narrationTier),
title: source.title?.trim() || undefined,
text: source.text || undefined,
textLength: typeof source.textLength === 'number' && Number.isFinite(source.textLength) ? source.textLength : undefined,
textHash: source.textHash || undefined,
reason: source.reason || undefined
}
}

View File

@@ -259,10 +259,7 @@ export class BackendExplainContentProvider implements ExplainContentProvider {
if (inflight) return inflight
const promise = (async () => {
const params = new URLSearchParams({
includeChildren: 'true',
lang: catalogLang()
})
const params = new URLSearchParams({ lang: catalogLang() })
const url = `${resolveAppApiBaseUrl()}/gis/guide/catalog/halls/${encodeURIComponent(normalizedHallId)}/outlines?${params.toString()}`
const response = await requestJson<CommonResult<BackendCatalogOutlineItem[]>>(url)
const outlines = requireArrayData(response, '讲解单元目录加载失败')
@@ -511,9 +508,20 @@ export class BackendExplainContentProvider implements ExplainContentProvider {
if (inflight) return inflight
const promise = (async () => {
const outlines = await this.requestCatalogOutlinesByHall(normalizedHallId)
const [halls, outlines] = await Promise.all([
this.requestCatalogHalls(),
this.requestCatalogOutlinesByHall(normalizedHallId)
])
// The outline response carries authoritative counts. Stops are loaded only after unit selection.
const units = toCatalogBusinessUnits(normalizedHallId, outlines, [])
const hall = halls.find((item) => item.id === normalizedHallId)
if ((hall?.stopCount || 0) > 0 && units.length > 0 && units.every((unit) => unit.guideStopCount === 0)) {
console.warn('一级单元与讲解点关联异常,一级单元仅作为兼容入口:', {
hallId: normalizedHallId,
hallStopCount: hall?.stopCount,
unitStopCounts: units.map((unit) => ({ id: unit.id, stopCount: unit.guideStopCount }))
})
}
this.setCached(this.businessUnitCache, key, units)
return units
})().catch((error) => {

View File

@@ -1,15 +0,0 @@
import type {
ExplainGuideStop
} from './museum'
export interface ExplainDetailTarget {
targetType: 'STOP'
targetId: string
}
export const normalizeExplainDetailTargetFromGuideStop = (
guideStop: Pick<ExplainGuideStop, 'id'>
): ExplainDetailTarget => ({
targetType: 'STOP',
targetId: String(guideStop.id)
})

View File

@@ -160,6 +160,15 @@ export interface MuseumGuideAudioOption {
sortOrder?: number
}
export interface MuseumGuideTextVariant {
version: 'standard' | 'extended'
languageCode: string
languageName?: string
text?: string
textLength?: number
textHash?: string
}
export interface MuseumExhibit {
id: string
name: string
@@ -196,6 +205,11 @@ export interface MuseumExhibit {
audioStatus?: string
supportedLanguages?: string[]
audioOptions?: MuseumGuideAudioOption[]
textVariants?: MuseumGuideTextVariant[]
recommendedTrackCode?: string
guideVersion?: 'standard' | 'extended'
textVariantCount?: number
audioTrackCount?: number
audioVariants?: Record<string, {
title?: string
text?: string
@@ -262,6 +276,8 @@ export interface ExplainGuideStop {
}>
playTargetType?: AudioPlayTargetType
playTargetId?: string
stopId?: string
audioOptions?: MuseumGuideAudioOption[]
}
export interface ExplainGuideStopPage {

2
src/env.d.ts vendored
View File

@@ -25,8 +25,6 @@ interface ImportMetaEnv {
readonly VITE_SGS_SDK_ORIGIN?: string
readonly VITE_SGS_SDK_TIMEOUT_MS?: string
readonly VITE_TENCENT_MAP_KEY?: string
readonly VITE_PUBLIC_SAME_ORIGIN_ASSET_HOST?: string
readonly VITE_PUBLIC_LEGACY_AUDIO_HOST?: string
}
interface ImportMeta {

View File

@@ -172,10 +172,7 @@ import {
toExplainDetailPageViewModel,
type ExplainDetailPageViewModel
} from '@/view-models/explainViewModels'
import type {
AudioPlayTargetType,
GuideAudioGender
} from '@/domain/museum'
import type { GuideAudioGender } from '@/domain/museum'
import type {
AudioLanguage
} from '@/repositories/AudioPlayInfoRepository'
@@ -222,12 +219,11 @@ const activeTopTab = ref<GuideTopTab>('explain')
const retryingAudio = ref(false)
const languageSwitchLoading = ref(false)
const selectedAudioLanguage = ref<AudioLanguage>('zh-CN')
const selectedAudioGender = ref<GuideAudioGender>('male')
const selectedAudioGender = ref<GuideAudioGender>('female')
let languageSwitchSequence = 0
const detailEntryRequest = ref<{
exhibitId: string
targetType?: AudioPlayTargetType
targetId?: string
stopId: string
hallId?: string
hallName?: string
floorId?: string
@@ -255,9 +251,17 @@ const isAudioLanguage = (value: unknown): value is AudioLanguage => (
value === 'zh-CN' || value === 'yue-HK' || value === 'en-US'
)
const detailAudioVersion = computed<'standard' | 'extended'>(() => (
exhibit.value.audio.version === 'extended' ? 'extended' : 'standard'
))
const activeDetailAudioOptions = computed(() => (
(exhibit.value.audio.audioOptions || []).filter((option) => (
!option.version || option.version === detailAudioVersion.value
))
))
const supportedDetailLanguages = computed(() => (
resolveGuideAudioLanguages(
exhibit.value.audio.audioOptions,
activeDetailAudioOptions.value,
exhibit.value.audio.supportedLanguages
).filter(isAudioLanguage)
))
@@ -316,7 +320,7 @@ const heroSubtitle = computed(() => [
detailMeta.value
].filter(Boolean).join(' · '))
const selectedDetailAudioOption = computed(() => resolveGuideAudioOption(
exhibit.value.audio.audioOptions,
activeDetailAudioOptions.value,
selectedAudioLanguage.value,
selectedAudioGender.value
))
@@ -325,7 +329,7 @@ const currentDetailAudioGender = computed(() => (
|| resolveGuideAudioGender(selectedAudioLanguage.value, selectedAudioGender.value)
))
const canSwitchDetailAudioVoice = computed(() => canToggleGuideAudioGender(
exhibit.value.audio.audioOptions,
activeDetailAudioOptions.value,
selectedAudioLanguage.value
))
const detailAudioVoiceLabel = computed(() => {
@@ -337,21 +341,18 @@ const selectedDetailAudioAvailable = computed(() => (
|| exhibit.value.audio.status === 'playable'
))
const currentAudioTarget = computed(() => ({
targetType: exhibit.value.audio.playTargetType || 'ITEM',
targetId: exhibit.value.audio.playTargetId || exhibit.value.id,
stopId: exhibit.value.audio.stopId || exhibit.value.id,
lang: selectedAudioLanguage.value,
channelCode: selectedDetailAudioOption.value?.channelCode
}))
const isCurrentDetailAudio = computed(() => globalAudioPlayer.isCurrentSource(currentAudioTarget.value))
const isCurrentDetailAudioTarget = computed(() => {
const source = globalAudioPlayer.currentSource.value
const targetType = exhibit.value.audio.playTargetType || 'ITEM'
const targetId = exhibit.value.audio.playTargetId || exhibit.value.id
const stopId = exhibit.value.audio.stopId || exhibit.value.id
return Boolean(
globalAudioPlayer.currentAudio.value
&& source?.targetType === targetType
&& source.targetId === targetId
&& source?.stopId === stopId
)
})
let detailAudioClosedOnExit = false
@@ -371,14 +372,9 @@ const formatDetailAudioTime = (seconds?: number) => {
return `${minutes}:${remainSeconds.toString().padStart(2, '0')}`
}
const detailAudioDurationSeconds = computed(() => {
if (!isCurrentDetailAudioTarget.value) return exhibit.value.audio.duration || 0
return globalAudioPlayer.duration.value
|| globalAudioPlayer.currentAudio.value?.duration
|| exhibit.value.audio.duration
|| 0
})
const detailAudioDurationSeconds = computed(() => (
isCurrentDetailAudioTarget.value ? globalAudioPlayer.duration.value : 0
))
const detailAudioCurrentSeconds = computed(() => (
isCurrentDetailAudioTarget.value ? globalAudioPlayer.currentTime.value : 0
))
@@ -418,8 +414,7 @@ const isCurrentDetailAudioError = computed(() => {
const source = globalAudioPlayer.currentSource.value
return Boolean(
globalAudioPlayer.error.value
&& source?.targetType === currentAudioTarget.value.targetType
&& source.targetId === currentAudioTarget.value.targetId
&& source?.stopId === currentAudioTarget.value.stopId
)
})
const isDetailAudioLoading = computed(() => (
@@ -451,25 +446,8 @@ const applyDetailText = (lang: AudioLanguage, text?: string) => {
}
}
const buildTextSourceFromViewModel = (viewModel: ExplainDetailPageViewModel) => ({
id: viewModel.id,
name: viewModel.title,
hallId: viewModel.hallId,
hallName: viewModel.hallName,
floorId: viewModel.floorId,
floorLabel: viewModel.floorLabel,
image: viewModel.coverImages[0],
description: viewModel.summary,
guideText: viewModel.summary,
audioLanguage: viewModel.audio.language,
audioHasText: viewModel.audio.hasText,
audioOptions: viewModel.audio.audioOptions,
playTargetType: viewModel.audio.playTargetType,
playTargetId: viewModel.audio.playTargetId
})
const loadFullDetailTextForLanguage = async (
request: NonNullable<typeof detailEntryRequest.value>,
_request: NonNullable<typeof detailEntryRequest.value>,
lang: AudioLanguage,
preferredViewModel?: ExplainDetailPageViewModel
) => {
@@ -479,21 +457,15 @@ const loadFullDetailTextForLanguage = async (
}
try {
const viewModel = preferredViewModel || toExplainDetailPageViewModel(await explainUseCase.enterExplainDetail({
...request,
lang
}))
if (viewModel.audio.hasText) {
const selection = await explainUseCase.loadExplainDetailText(buildTextSourceFromViewModel(viewModel))
if (selection.available) {
const nextViewModel = toExplainDetailPageViewModel(selection.exhibit)
applyDetailText(lang, nextViewModel.body || nextViewModel.summary)
return
}
}
applyDetailText(lang, viewModel.body || viewModel.summary)
const viewModel = preferredViewModel || exhibit.value
const variants = viewModel.audio.textVariants || []
const version = viewModel.audio.version || 'standard'
const detailText = variants.find((variant) => (
variant.version === version && variant.languageCode === lang
))?.text || (lang === 'yue-HK'
? variants.find((variant) => variant.version === version && variant.languageCode === 'zh-CN')?.text
: undefined)
applyDetailText(lang, detailText || viewModel.summary)
} catch (error) {
console.warn('讲解正文加载失败:', lang, error)
applyDetailText(lang)
@@ -517,8 +489,12 @@ const loadExplainDetail = async (
heroImageIndex.value = 0
exhibit.value = toExplainDetailPageViewModel(exhibitData)
const resolvedLanguage = resolveSupportedDetailLanguage(lang)
const recommended = exhibit.value.audio.audioOptions?.find((option) => (
option.channelCode === exhibit.value.audio.recommendedTrackCode && option.version === detailAudioVersion.value
))
const resolvedLanguage = resolveSupportedDetailLanguage(recommended?.languageCode as AudioLanguage || lang)
selectedAudioLanguage.value = resolvedLanguage
selectedAudioGender.value = recommended?.gender || resolveGuideAudioGender(resolvedLanguage, 'female')
if (resolvedLanguage !== lang) {
replaceDetailRouteLanguage(resolvedLanguage)
@@ -532,28 +508,22 @@ const loadExplainDetail = async (
onLoad(async (options: any = {}) => {
detailAudioClosedOnExit = false
selectedAudioGender.value = 'male'
selectedAudioGender.value = 'female'
const tab = Array.isArray(options.tab) ? options.tab[0] : options.tab
if (isGuideTopTab(tab)) {
activeTopTab.value = tab
}
const exhibitId = Array.isArray(options.id) ? options.id[0] : options.id
if (!exhibitId) {
const rawStopId = Array.isArray(options.stopId) ? options.stopId[0] : options.stopId
const rawExhibitId = Array.isArray(options.id) ? options.id[0] : options.id
// New detail links are keyed by stopId. id remains optional so bookmarked
// historical routes and surrounding page metadata can still be preserved.
const stopId = rawStopId ? String(rawStopId) : String(rawExhibitId || '')
const exhibitId = rawExhibitId ? String(rawExhibitId) : stopId
if (!stopId) {
detailState.value = 'missing'
return
}
const rawTargetType = Array.isArray(options.targetType) ? options.targetType[0] : options.targetType
const targetType: AudioPlayTargetType | undefined = rawTargetType === 'ITEM'
? 'ITEM'
: rawTargetType === 'STOP' || rawTargetType === 'GUIDE_STOP'
? 'STOP'
: undefined
const rawTargetId = Array.isArray(options.targetId) ? options.targetId[0] : options.targetId
const targetId = rawTargetType === 'GUIDE_STOP'
? String(exhibitId)
: rawTargetId ? String(rawTargetId) : undefined
const rawLang = Array.isArray(options.lang) ? options.lang[0] : options.lang
const lang = typeof rawLang === 'string'
? normalizeGuideAudioLanguage(rawLang)
@@ -562,8 +532,7 @@ onLoad(async (options: any = {}) => {
try {
detailEntryRequest.value = {
exhibitId,
targetType,
targetId,
stopId,
hallId: Array.isArray(options.hallId) ? options.hallId[0] : options.hallId,
hallName: Array.isArray(options.hallName) ? options.hallName[0] : options.hallName,
floorId: Array.isArray(options.floorId) ? options.floorId[0] : options.floorId,
@@ -684,17 +653,27 @@ const handleLanguageChange = async (lang: AudioLanguage, options: { syncAudio?:
applyDetailText(lang)
return
}
const exhibitData = await explainUseCase.enterExplainDetail({
...request,
lang
})
if (requestSequence !== languageSwitchSequence) return
heroImageIndex.value = 0
const nextViewModel = toExplainDetailPageViewModel(exhibitData)
exhibit.value = nextViewModel
void loadFullDetailTextForLanguage(request, lang, nextViewModel)
const audioOption = resolveGuideAudioOption(
activeDetailAudioOptions.value,
lang,
selectedAudioGender.value
)
exhibit.value = {
...exhibit.value,
audio: {
...exhibit.value.audio,
language: lang,
url: audioOption?.playUrl,
duration: audioOption?.duration,
status: audioOption?.playUrl ? 'playable' : 'unavailable',
unavailableReason: audioOption?.playUrl ? undefined : '当前语言暂无语音讲解',
hasText: Boolean(exhibit.value.audio.textVariants?.some((variant) => (
variant.version === detailAudioVersion.value && (variant.languageCode === lang || (lang === 'yue-HK' && variant.languageCode === 'zh-CN'))
)))
}
}
void loadFullDetailTextForLanguage(request, lang, exhibit.value)
if (shouldContinueAudio) {
// The player must become actionable before resuming with the new language track.
languageSwitchLoading.value = false
@@ -742,13 +721,11 @@ watch(
() => globalAudioPlayer.currentSource.value,
(source) => {
const lang = source?.lang
const targetType = exhibit.value.audio.playTargetType || 'ITEM'
const targetId = exhibit.value.audio.playTargetId || exhibit.value.id
const stopId = exhibit.value.audio.stopId || exhibit.value.id
if (
isAudioLanguage(lang)
&& source?.targetType === targetType
&& source.targetId === targetId
&& source?.stopId === stopId
) {
void handleLanguageChange(lang, { syncAudio: false })
}
@@ -761,12 +738,7 @@ function buildDetailRoute(lang: AudioLanguage = selectedAudioLanguage.value) {
id: request?.exhibitId || exhibit.value.id,
tab: activeTopTab.value
})
if (currentAudioTarget.value.targetType) {
params.set('targetType', currentAudioTarget.value.targetType)
}
if (currentAudioTarget.value.targetId) {
params.set('targetId', currentAudioTarget.value.targetId)
}
params.set('stopId', request?.stopId || exhibit.value.audio.stopId || exhibit.value.id)
if (lang) {
params.set('lang', lang)
}
@@ -782,7 +754,7 @@ const toAudioItem = (
return {
id: media.id,
name: selection.playInfo?.title || selection.exhibit.name,
name: selection.exhibit.name,
audioUrl,
image: heroImage.value,
duration: media.duration,
@@ -806,11 +778,10 @@ const refreshCurrentAudioOnce = async (message: string) => {
audioDuration: exhibit.value.audio.duration,
audioStatus: 'READY',
audioLanguage: selectedAudioLanguage.value,
audioOptions: exhibit.value.audio.audioOptions,
audioOptions: activeDetailAudioOptions.value,
guideVersion: detailAudioVersion.value,
playTargetType: exhibit.value.audio.playTargetType,
playTargetId: exhibit.value.audio.playTargetId
}, {
refreshPlayInfo: true
})
retryingAudio.value = false
@@ -833,11 +804,11 @@ const playDetailAudio = async (audio: AudioItem) => {
await globalAudioPlayer.play(audio, {
source: {
exhibitId: exhibit.value.id,
targetType: currentAudioTarget.value.targetType,
targetId: currentAudioTarget.value.targetId,
stopId: currentAudioTarget.value.stopId,
lang: selectedAudioLanguage.value,
channelCode: selectedDetailAudioOption.value?.channelCode,
voiceGender: currentDetailAudioGender.value,
audioOptions: activeDetailAudioOptions.value,
title: audio.name,
detailRoute: buildDetailRoute()
},
@@ -883,7 +854,8 @@ const handlePlayAudio = async (options: { forceRefresh?: boolean } = {}) => {
audioStatus: exhibit.value.audio.status === 'playable' ? 'READY' : 'MISSING',
audioLanguage: selectedAudioLanguage.value,
audioUnavailableReason: exhibit.value.audio.unavailableReason,
audioOptions: exhibit.value.audio.audioOptions,
audioOptions: activeDetailAudioOptions.value,
guideVersion: detailAudioVersion.value,
playTargetType: exhibit.value.audio.playTargetType,
playTargetId: exhibit.value.audio.playTargetId
}, {
@@ -945,12 +917,31 @@ const fallbackToExplainObjectList = () => {
})
}
type ExplainDetailPageStackEntry = {
route?: string
}
const returnToExplainObjectList = () => {
closeDetailAudioOnExit()
uni.navigateBack({
delta: 1,
fail: fallbackToExplainObjectList
})
// H5 history can omit intermediate uni-app pages after a refresh or deep link.
if (typeof window !== 'undefined' && window.location.hash.startsWith('#/')) {
fallbackToExplainObjectList()
return
}
const pages = getCurrentPages()
const previousPage = pages[pages.length - 2] as ExplainDetailPageStackEntry | undefined
if (previousPage?.route === 'pages/explain/guide-stop-list') {
uni.navigateBack({
delta: 1,
fail: fallbackToExplainObjectList
})
return
}
fallbackToExplainObjectList()
}
const handleBack = returnToExplainObjectList

View File

@@ -25,7 +25,6 @@ import GuidePageFrame from '@/components/navigation/GuidePageFrame.vue'
import ExplainGuideStopCatalog, { type ExplainGuideStopCatalogItem } from '@/components/explain/ExplainGuideStopCatalog.vue'
import { explainUseCase } from '@/usecases/explainUseCase'
import type { ExplainGuideStop } from '@/domain/museum'
import { normalizeExplainDetailTargetFromGuideStop } from '@/domain/explainDetailTarget'
import { navigateToGuideTopTab, type GuideTopTab } from '@/utils/guideTopTabs'
const PAGE_SIZE = 20
@@ -53,11 +52,8 @@ const toGuideStopItems = (stops: ExplainGuideStop[]): ExplainGuideStopCatalogIte
coverImageUrl: stop.imageStatus === 'MISSING' ? undefined : stop.coverImageUrl,
description: stop.description,
hasAudio: stop.hasAudio,
hasTextRecord: stop.hasTextRecord,
audioStatus: stop.audioStatus,
guideLevel: stop.guideLevel,
playTargetType: stop.playTargetType,
playTargetId: stop.playTargetId
guideLevel: stop.guideLevel
}))
const syncPageTitle = (title: string) => {
@@ -130,10 +126,8 @@ onUnmounted(() => {
})
const handleExplainGuideStopClick = (stop: ExplainGuideStopCatalogItem) => {
const target = stop.playTargetType && stop.playTargetId
? { targetType: stop.playTargetType, targetId: stop.playTargetId }
: normalizeExplainDetailTargetFromGuideStop({ id: stop.id })
const params = new URLSearchParams({ id: stop.id, tab: 'explain', targetType: target.targetType, targetId: target.targetId })
const stopId = stop.id
const params = new URLSearchParams({ id: stopId, stopId, tab: 'explain' })
// 分页对象可能未回填展厅字段,详情返回必须保留当前列表的展厅上下文。
const hallId = stop.hallId || selectedExplainHallId.value
const hallName = stop.hallName || selectedExplainHallName.value

View File

@@ -209,11 +209,7 @@ const handleExhibitClick = (exhibit: ExplainExhibitViewModel) => {
id: exhibit.id,
tab: activeTopTab.value
})
if (exhibit.playTargetType && exhibit.playTargetId) {
params.set('targetType', exhibit.playTargetType)
params.set('targetId', exhibit.playTargetId)
}
params.set('stopId', exhibit.playTargetId || exhibit.id)
uni.navigateTo({
url: `/pages/exhibit/detail?${params.toString()}`

View File

@@ -1,96 +1,74 @@
import { dataSourceConfig } from '@/config/dataSource'
import {
dataSourceConfig
} from '@/config/dataSource'
import {
type AudioPlayTargetType
} from '@/domain/museum'
import {
toGuideAudioPlayInfo,
toGuideAudioTextInfo,
toGuideStopInfo,
type BackendAudioPlayInfo,
type BackendAudioTextInfo,
type BackendGuideStopInfo,
type GuideAudioPlayInfo,
type GuideAudioTextInfo,
toGuideStopDetail,
type BackendGuideStopDetail,
type GuideAudioLanguage,
type GuideStopInfo
type GuideAudioVersion,
type GuideStopDetail
} from '@/data/adapters/guideStopInfoAdapter'
export type AudioLanguage = GuideAudioLanguage
export interface AudioPlayInfoRequest {
targetType: AudioPlayTargetType
targetId: string
lang?: AudioLanguage
export interface GetStopDetailOptions {
version?: GuideAudioVersion
refresh?: boolean
}
export interface GuideStopInfoRequest {
targetType: AudioPlayTargetType
targetId: string
lang?: AudioLanguage
/**
* H5 detail pages only need the active language's text availability. Keep the
* legacy all-language payload available for older consumers that opt out.
*/
lightweight?: boolean
}
interface GuideStopInfoResponse {
code: number
msg?: string
data?: BackendGuideStopInfo
}
export interface AudioPlayInfo extends GuideAudioPlayInfo {}
interface AudioPlayInfoResponse {
code: number
msg?: string
data?: BackendAudioPlayInfo
}
export interface AudioTextInfoRequest {
targetType: AudioPlayTargetType
targetId: string
lang?: AudioLanguage
}
export interface AudioTextInfo extends GuideAudioTextInfo {}
interface AudioTextInfoResponse {
code: number
msg?: string
data?: BackendAudioTextInfo
}
export interface AudioPlayInfoRepository {
getStopInfo(request: GuideStopInfoRequest): Promise<GuideStopInfo>
getPlayInfo(request: AudioPlayInfoRequest): Promise<AudioPlayInfo>
getTextInfo(request: AudioTextInfoRequest): Promise<AudioTextInfo>
clearCache(lang?: AudioLanguage): void
getStopDetail(stopId: string, options?: GetStopDetailOptions): Promise<GuideStopDetail>
clearCache(stopId?: string): void
}
interface GuideStopDetailResponse {
code: number
msg?: string
data?: BackendGuideStopDetail
}
interface CacheEntry<T> {
value: T
expiresAt: number
}
const STOP_DETAIL_TTL_MS = 10 * 60_000
const CACHE_MAX_ENTRIES = 80
const normalizeDetailVersion = (version?: GuideAudioVersion): GuideAudioVersion => (
version === 'extended' ? 'extended' : 'standard'
)
const detailCacheKey = (stopId: string, version: GuideAudioVersion) => `${stopId}:version:${version}`
const reasonMessageMap: Record<string, string> = {
NO_PUBLISHED_AUDIO: '当前语言暂无语音讲解',
NO_GUIDE_STOP: '该展品暂未配置语音讲解',
NO_GUIDE_CONTENT: '该目标暂无讲解内容',
NO_TEXT: '当前语言暂无讲解词',
UNSUPPORTED_LANGUAGE: '不支持该语言',
UNSUPPORTED_TARGET_TYPE: '该目标类型暂不支持播放',
TARGET_NOT_FOUND: '该讲解音频暂不可用,当前提供图文讲解',
GUIDE_STOP_NOT_EXISTS: '该讲解点不存在或暂不可展示',
SERVICE_ERROR: '语音服务暂不可用,请稍后重试'
}
const parseJsonPayload = <T>(payload: unknown): T => {
if (typeof payload === 'string') {
return JSON.parse(payload) as T
}
export const audioReasonToText = (reason?: string | null) => (
reason ? reasonMessageMap[reason] || '该讲解暂无可播放音频' : '该讲解暂无可播放音频'
)
const parseJsonPayload = <T>(payload: unknown): T => {
if (typeof payload === 'string') return JSON.parse(payload) as T
return payload as T
}
const normalizeBaseUrl = (baseUrl: string) => {
const trimmed = baseUrl.trim().replace(/\/+$/, '')
if (!trimmed || /^https?:\/\//i.test(trimmed) || trimmed.startsWith('/')) return trimmed
return `/${trimmed}`
}
const resolveAppApiBaseUrl = () => {
const baseUrl = normalizeBaseUrl(dataSourceConfig.audioApiBaseUrl)
return baseUrl.endsWith('/app-api') ? baseUrl : `${baseUrl}/app-api`
}
const requestJson = <T>(url: string): Promise<T> => new Promise((resolve, reject) => {
uni.request({
url,
@@ -99,10 +77,9 @@ const requestJson = <T>(url: string): Promise<T> => new Promise((resolve, reject
success: (response) => {
const statusCode = Number(response.statusCode || 0)
if (statusCode < 200 || statusCode >= 300) {
reject(new Error(`语音播放解析接口请求失败: ${statusCode}`))
reject(new Error(`讲解点详情请求失败: ${statusCode}`))
return
}
try {
resolve(parseJsonPayload<T>(response.data))
} catch (error) {
@@ -113,245 +90,81 @@ const requestJson = <T>(url: string): Promise<T> => new Promise((resolve, reject
})
})
const unavailableAudioApiEndpoints = new Set<'stopInfo' | 'playInfo' | 'textInfo'>()
const normalizeBaseUrl = (baseUrl: string) => {
const trimmed = baseUrl.trim().replace(/\/+$/, '')
if (!trimmed || /^https?:\/\//i.test(trimmed) || trimmed.startsWith('/')) {
return trimmed
}
return `/${trimmed}`
}
const resolveAudioApiBaseUrl = () => {
// Catalog APIs use apiBaseUrl in BackendExplainContentProvider; stop/detail/play/text APIs use audioApiBaseUrl.
// They are both /app-api today, but audioApiBaseUrl can be split to a dedicated proxy or host later.
const baseUrl = normalizeBaseUrl(dataSourceConfig.audioApiBaseUrl)
return baseUrl.endsWith('/app-api') ? baseUrl : `${baseUrl}/app-api`
}
type RequiredAudioPlayInfoRequest = Required<Omit<AudioPlayInfoRequest, 'refresh'>>
type RequiredGuideStopInfoRequest = Required<GuideStopInfoRequest>
type RequiredAudioTextInfoRequest = Required<AudioTextInfoRequest>
const audioKey = ({ targetType, targetId, lang }: RequiredAudioPlayInfoRequest) => (
`${targetType}:${targetId}:${lang}`
)
const stopInfoKey = ({ targetType, targetId, lang, lightweight }: RequiredGuideStopInfoRequest) => (
`${targetType}:${targetId}:${lang}:${lightweight ? 'lightweight' : 'full'}`
)
const audioTextKey = ({ targetType, targetId, lang }: RequiredAudioTextInfoRequest) => (
`${targetType}:${targetId}:${lang}`
)
const STOP_INFO_TTL_MS = 10 * 60_000
const PLAY_INFO_TTL_MS = 10 * 60_000
const TEXT_INFO_TTL_MS = 10 * 60_000
const CACHE_MAX_ENTRIES = 80
const EXPIRES_AT_SAFETY_MS = 30_000
interface CacheEntry<T> {
value: T
expiresAt: number
}
const isMissingRouteResponse = (response: { code: number; msg?: string }) => (
response.code === 404 && /请求地址不存在/.test(response.msg || '')
)
const markGuideAudioApiUnavailable = (
endpoint: 'stopInfo' | 'playInfo' | 'textInfo',
response: { code: number; msg?: string }
) => {
if (isMissingRouteResponse(response)) {
unavailableAudioApiEndpoints.add(endpoint)
}
}
export const audioReasonToText = (reason?: string | null) => (
reason ? reasonMessageMap[reason] || '该讲解暂无可播放音频' : '该讲解暂无可播放音频'
)
export class DefaultAudioPlayInfoRepository implements AudioPlayInfoRepository {
private readonly stopInfoCache = new Map<string, CacheEntry<GuideStopInfo>>()
private readonly cache = new Map<string, CacheEntry<AudioPlayInfo>>()
private readonly textCache = new Map<string, CacheEntry<AudioTextInfo>>()
private readonly stopInfoInflight = new Map<string, Promise<GuideStopInfo>>()
private readonly playInfoInflight = new Map<string, Promise<AudioPlayInfo>>()
private readonly textInfoInflight = new Map<string, Promise<AudioTextInfo>>()
private readonly detailCache = new Map<string, CacheEntry<GuideStopDetail>>()
private readonly detailInflight = new Map<string, Promise<GuideStopDetail>>()
private epoch = 0
private getCached<T>(cache: Map<string, CacheEntry<T>>, key: string): T | null {
const entry = cache.get(key)
private getCached(stopId: string, version: GuideAudioVersion) {
const key = detailCacheKey(stopId, version)
const entry = this.detailCache.get(key)
if (!entry) return null
if (entry.expiresAt <= Date.now()) {
cache.delete(key)
this.detailCache.delete(key)
return null
}
cache.delete(key)
cache.set(key, entry)
this.detailCache.delete(key)
this.detailCache.set(key, entry)
return entry.value
}
private setCached<T>(cache: Map<string, CacheEntry<T>>, key: string, value: T, ttlMs: number) {
cache.delete(key)
cache.set(key, { value, expiresAt: Date.now() + ttlMs })
while (cache.size > CACHE_MAX_ENTRIES) {
const oldestKey = cache.keys().next().value
private setCached(stopId: string, version: GuideAudioVersion, value: GuideStopDetail) {
const key = detailCacheKey(stopId, version)
this.detailCache.delete(key)
this.detailCache.set(key, { value, expiresAt: Date.now() + STOP_DETAIL_TTL_MS })
while (this.detailCache.size > CACHE_MAX_ENTRIES) {
const oldestKey = this.detailCache.keys().next().value
if (!oldestKey) break
cache.delete(oldestKey)
this.detailCache.delete(oldestKey)
}
}
private async coalesce<T>(
inflight: Map<string, Promise<T>>,
key: string,
loader: () => Promise<T>
): Promise<T> {
const existing = inflight.get(key)
async getStopDetail(stopId: string, options: GetStopDetailOptions = {}): Promise<GuideStopDetail> {
const normalizedStopId = String(stopId || '').trim()
if (!normalizedStopId) throw new Error('讲解点 ID 不能为空')
const version = normalizeDetailVersion(options.version)
const key = detailCacheKey(normalizedStopId, version)
const cached = this.getCached(normalizedStopId, version)
if (!options.refresh && cached) return cached
const existing = this.detailInflight.get(key)
if (existing) return existing
const promise = loader()
inflight.set(key, promise)
const epoch = this.epoch
const params = new URLSearchParams({ version })
const request = requestJson<GuideStopDetailResponse>(
`${resolveAppApiBaseUrl()}/gis/guide/stops/${encodeURIComponent(normalizedStopId)}?${params.toString()}`
).then((response) => {
if (response.code !== 0 || !response.data) {
const error = new Error(response.msg || '讲解点详情加载失败')
;(error as Error & { code?: number }).code = response.code
throw error
}
const detail = toGuideStopDetail(response.data)
if (epoch === this.epoch) this.setCached(normalizedStopId, version, detail)
return detail
})
this.detailInflight.set(key, request)
try {
return await promise
return await request
} finally {
if (inflight.get(key) === promise) inflight.delete(key)
if (this.detailInflight.get(key) === request) {
this.detailInflight.delete(key)
}
}
}
async getStopInfo(request: GuideStopInfoRequest): Promise<GuideStopInfo> {
if (unavailableAudioApiEndpoints.has('stopInfo')) {
throw new Error('讲解展示信息接口暂不可用')
}
const normalizedRequest: RequiredGuideStopInfoRequest = {
targetType: request.targetType,
targetId: request.targetId,
lang: request.lang || (dataSourceConfig.audioLanguage as AudioLanguage),
lightweight: request.lightweight !== false
}
const key = stopInfoKey(normalizedRequest)
const cached = this.getCached(this.stopInfoCache, key)
if (cached) return cached
return this.coalesce(this.stopInfoInflight, key, async () => {
const epoch = this.epoch
const params = new URLSearchParams({
targetType: normalizedRequest.targetType,
targetId: normalizedRequest.targetId,
lang: normalizedRequest.lang,
lightweight: String(normalizedRequest.lightweight)
})
const response = await requestJson<GuideStopInfoResponse>(`${resolveAudioApiBaseUrl()}/gis/guide/stop/info?${params.toString()}`)
if (response.code !== 0 || !response.data) {
markGuideAudioApiUnavailable('stopInfo', response)
throw new Error(response.msg || '讲解点展示信息加载失败')
}
const stopInfo = toGuideStopInfo(response.data, normalizedRequest)
if (epoch === this.epoch) this.setCached(this.stopInfoCache, key, stopInfo, STOP_INFO_TTL_MS)
return stopInfo
})
}
async getPlayInfo(request: AudioPlayInfoRequest): Promise<AudioPlayInfo> {
const normalizedRequest: RequiredAudioPlayInfoRequest = {
targetType: request.targetType,
targetId: request.targetId,
lang: request.lang || (dataSourceConfig.audioLanguage as AudioLanguage)
}
const key = audioKey(normalizedRequest)
if (unavailableAudioApiEndpoints.has('playInfo')) {
return {
playable: false,
targetType: normalizedRequest.targetType,
targetId: normalizedRequest.targetId,
lang: normalizedRequest.lang,
hasText: false,
fallback: false,
reason: 'SERVICE_ERROR'
}
}
const cached = this.getCached(this.cache, key)
if (!request.refresh && cached) return cached
// Force refresh bypasses completed cache, while the same concurrent refresh still shares this Promise.
return this.coalesce(this.playInfoInflight, key, async () => {
const epoch = this.epoch
const params = new URLSearchParams(normalizedRequest)
const response = await requestJson<AudioPlayInfoResponse>(`${resolveAudioApiBaseUrl()}/gis/guide/audio/play-info?${params.toString()}`)
if (response.code !== 0 || !response.data) {
markGuideAudioApiUnavailable('playInfo', response)
throw new Error(response.msg || '语音播放解析失败')
}
const playInfo = toGuideAudioPlayInfo(response.data, normalizedRequest)
const serverExpiry = playInfo.expiresAt ? new Date(playInfo.expiresAt).getTime() - EXPIRES_AT_SAFETY_MS : Infinity
const ttlMs = Math.max(0, Math.min(PLAY_INFO_TTL_MS, serverExpiry - Date.now()))
if (epoch === this.epoch && playInfo.playable && ttlMs > 0) this.setCached(this.cache, key, playInfo, ttlMs)
return playInfo
})
}
async getTextInfo(request: AudioTextInfoRequest): Promise<AudioTextInfo> {
const normalizedRequest: RequiredAudioTextInfoRequest = {
targetType: request.targetType,
targetId: request.targetId,
lang: request.lang || (dataSourceConfig.audioLanguage as AudioLanguage)
}
const key = audioTextKey(normalizedRequest)
if (unavailableAudioApiEndpoints.has('textInfo')) {
return {
available: false,
targetType: normalizedRequest.targetType,
targetId: normalizedRequest.targetId,
lang: normalizedRequest.lang,
reason: 'SERVICE_ERROR'
}
}
const cached = this.getCached(this.textCache, key)
if (cached) return cached
return this.coalesce(this.textInfoInflight, key, async () => {
const epoch = this.epoch
const params = new URLSearchParams(normalizedRequest)
const response = await requestJson<AudioTextInfoResponse>(`${resolveAudioApiBaseUrl()}/gis/guide/audio/text-info?${params.toString()}`)
if (response.code !== 0 || !response.data) {
markGuideAudioApiUnavailable('textInfo', response)
throw new Error(response.msg || '讲解词正文解析失败')
}
const textInfo = toGuideAudioTextInfo(response.data, normalizedRequest)
if (epoch === this.epoch && textInfo.available) this.setCached(this.textCache, key, textInfo, TEXT_INFO_TTL_MS)
return textInfo
})
}
clearCache(lang?: AudioLanguage) {
clearCache(stopId?: string) {
this.epoch += 1
if (!lang) {
this.stopInfoCache.clear()
this.cache.clear()
this.textCache.clear()
unavailableAudioApiEndpoints.clear()
if (stopId?.trim()) {
const normalizedStopId = stopId.trim()
this.detailCache.delete(detailCacheKey(normalizedStopId, 'standard'))
this.detailCache.delete(detailCacheKey(normalizedStopId, 'extended'))
return
}
Array.from(this.stopInfoCache.keys()).forEach((key) => {
if (key.endsWith(`:${lang}`)) {
this.stopInfoCache.delete(key)
}
})
Array.from(this.cache.keys()).forEach((key) => {
if (key.endsWith(`:${lang}`)) {
this.cache.delete(key)
}
})
Array.from(this.textCache.keys()).forEach((key) => {
if (key.endsWith(`:${lang}`)) {
this.textCache.delete(key)
}
})
unavailableAudioApiEndpoints.clear()
this.detailCache.clear()
}
}

View File

@@ -1,10 +1,17 @@
import type {
AudioLanguage,
AudioPlayInfoRequest
AudioLanguage
} from '@/repositories/AudioPlayInfoRepository'
import type { AudioPlayTargetType } from '@/domain/museum'
/** Historical lookup-only shape. It is not a runtime API request contract. */
export interface PublishedExhibitAudioTarget {
targetType: AudioPlayTargetType
targetId: string
lang?: AudioLanguage
}
export interface PublishedExhibitAudioResolution {
targets: AudioPlayInfoRequest[]
targets: PublishedExhibitAudioTarget[]
}
export interface PublishedExhibitAudioRepository {

View File

@@ -1,5 +1,4 @@
import type {
AudioPlayTargetType,
ExplainBusinessUnit,
ExplainGuideStop,
ExplainGuideStopPage,
@@ -18,20 +17,15 @@ import {
audioPlayInfoRepository,
audioReasonToText,
type AudioLanguage,
type AudioPlayInfo,
type AudioPlayInfoRepository,
type GuideStopInfoRequest,
type AudioTextInfo
type AudioPlayInfoRepository
} from '@/repositories/AudioPlayInfoRepository'
import type {
GuideStopInfo
GuideAudioVersion,
GuideStopDetail
} from '@/data/adapters/guideStopInfoAdapter'
import {
dataSourceConfig
} from '@/config/dataSource'
import {
normalizeExplainDetailTargetFromGuideStop
} from '@/domain/explainDetailTarget'
import {
resolveGuideAudioLanguages,
resolveGuideAudioOption
@@ -43,14 +37,13 @@ export interface ExplainAudioSelection {
media: MediaAsset | null
playable: boolean
unavailableMessage?: string
playInfo?: AudioPlayInfo
}
export interface ExplainDetailEntryRequest {
exhibitId: string
targetType?: AudioPlayTargetType
targetId?: string
stopId?: string
lang?: AudioLanguage
version?: GuideAudioVersion
// Navigation context is non-authoritative and keeps deep links independent of catalog loading.
hallId?: string
hallName?: string
@@ -61,7 +54,13 @@ export interface ExplainDetailEntryRequest {
export interface ExplainTextSelection {
exhibit: MuseumExhibit
textInfo: AudioTextInfo
textInfo: {
available: boolean
lang: AudioLanguage
text?: string
textLength?: number
textHash?: string
}
available: boolean
unavailableMessage?: string
}
@@ -96,54 +95,17 @@ export class ExplainUseCase {
}
}
private resolveAudioTarget(exhibit: MuseumExhibit, track?: ExplainTrack | null) {
const targetType: AudioPlayTargetType = track?.playTargetType
|| exhibit.playTargetType
|| 'ITEM'
const targetId = track?.playTargetId
|| exhibit.playTargetId
|| exhibit.id
return { targetType, targetId }
}
private resolveStopInfoAudioTarget(stopInfo: GuideStopInfo) {
return {
targetType: stopInfo.playTargetType || stopInfo.targetType,
targetId: stopInfo.playTargetId || stopInfo.targetId
}
}
private async resolveDetailEntryTarget(request: ExplainDetailEntryRequest): Promise<Required<GuideStopInfoRequest>> {
const lang = request.lang || (dataSourceConfig.audioLanguage as AudioLanguage)
if (request.targetType && request.targetId) {
return {
targetType: request.targetType,
targetId: request.targetId,
lang,
lightweight: true
}
}
return {
targetType: 'ITEM',
targetId: request.exhibitId,
lang,
lightweight: true
}
private resolveDetailStopId(request: ExplainDetailEntryRequest) {
return String(request.stopId || request.exhibitId || '').trim()
}
private async resolveStaticDetailFallback(
request: ExplainDetailEntryRequest,
entryTarget: Required<GuideStopInfoRequest>
entryTarget: { stopId: string }
): Promise<MuseumExhibit | null> {
if (entryTarget.targetType !== 'ITEM' && entryTarget.targetType !== 'STOP') {
return null
}
const candidateIds = Array.from(new Set([
request.exhibitId,
entryTarget.targetId
entryTarget.stopId
].map((id) => id?.trim()).filter(Boolean)))
for (const candidateId of candidateIds) {
@@ -156,201 +118,89 @@ export class ExplainUseCase {
.catch(() => null)
}
private languageLabel(language: AudioLanguage) {
if (language === 'en-US') return '英文'
if (language === 'yue-HK') return '粤语'
return '中文'
private selectTextVariant(detail: GuideStopDetail, language: AudioLanguage, version = detail.version) {
const exact = detail.textVariants.find((variant) => (
variant.version === version && variant.languageCode === language
))
if (exact) return exact
if (language === 'yue-HK') {
return detail.textVariants.find((variant) => variant.version === version && variant.languageCode === 'zh-CN')
}
return detail.textVariants.find((variant) => variant.version === version && variant.languageCode === 'zh-CN')
}
private applyLanguageVariant(exhibit: MuseumExhibit, language: AudioLanguage): MuseumExhibit {
const variant = exhibit.audioVariants?.[language]
const mandarinText = exhibit.audioVariants?.['zh-CN']?.text
|| exhibit.guideText
|| exhibit.description
const supportedLanguages = exhibit.supportedLanguages?.length
? exhibit.supportedLanguages
: exhibit.audioVariants ? Object.keys(exhibit.audioVariants) : [language]
if (!variant) {
const label = this.languageLabel(language)
const guideText = language === 'yue-HK'
? mandarinText || '当前讲解词暂未配置。'
: `${label}讲解词暂未配置。`
return {
...exhibit,
guideText,
audioUrl: undefined,
audioDuration: undefined,
audioLanguage: language,
audioHasText: language === 'yue-HK' && Boolean(mandarinText),
audioAvailable: false,
audioStatus: 'MISSING',
audioUnavailableReason: `当前讲解暂无${label}音频`,
supportedLanguages
}
}
return {
...exhibit,
guideTitle: variant.title || exhibit.guideTitle,
guideText: language === 'yue-HK'
? mandarinText || '当前讲解词暂未配置。'
: variant.text || `${this.languageLabel(language)}讲解词暂未配置。`,
audioUrl: variant.audioUrl,
audioDuration: variant.audioDuration,
audioLanguage: language,
audioHasText: language === 'yue-HK' ? Boolean(mandarinText) : variant.hasText === true,
audioAvailable: variant.available === true && Boolean(variant.audioUrl),
audioStatus: variant.available && variant.audioUrl ? 'READY' : 'MISSING',
audioUnavailableReason: variant.available && variant.audioUrl
? undefined
: `当前讲解暂无${this.languageLabel(language)}音频`,
supportedLanguages
}
}
private toExhibitFromStopInfo(
stopInfo: GuideStopInfo,
private toExhibitFromStopDetail(
detail: GuideStopDetail,
fallback?: MuseumExhibit | null,
navigationContext?: ExplainDetailEntryRequest
navigationContext?: ExplainDetailEntryRequest,
language: AudioLanguage = 'zh-CN',
gender: GuideAudioGender = 'female'
): MuseumExhibit {
const linkedPrimary = stopInfo.linkedExhibits[0]
const coverImage = stopInfo.imageStatus === 'READY'
? stopInfo.coverImageUrl
: undefined
const description = stopInfo.description || fallback?.description || '该讲解暂无简介。'
const audioTarget = this.resolveStopInfoAudioTarget(stopInfo)
// Product defaults Chinese and English to male even if the management default is female.
const audioOption = resolveGuideAudioOption(stopInfo.audioOptions, stopInfo.lang, 'male')
const audioAvailable = Boolean(audioOption?.playUrl) || stopInfo.audioStatus === 'READY'
const linkedPrimary = detail.linkedExhibits[0]
const textVariant = this.selectTextVariant(detail, language)
const currentVersionTracks = detail.audioTracks.filter((track) => track.version === detail.version)
const recommendedTrack = currentVersionTracks.find((track) => track.channelCode === detail.recommendedTrackCode)
const preferredGender = language === 'yue-HK'
? 'female'
: recommendedTrack?.languageCode === language ? recommendedTrack.gender : gender
const audioOption = resolveGuideAudioOption(currentVersionTracks, language, preferredGender)
const audioAvailable = Boolean(audioOption?.playUrl)
const supportedLanguages = resolveGuideAudioLanguages(
stopInfo.audioOptions,
stopInfo.supportedLanguages
currentVersionTracks,
currentVersionTracks.map((track) => track.languageCode)
)
return {
...(fallback || {}),
id: fallback?.id || linkedPrimary?.id || stopInfo.targetId,
name: stopInfo.title || fallback?.name || linkedPrimary?.name || '讲解内容',
id: detail.id,
name: detail.name || fallback?.name || linkedPrimary?.name || '讲解内容',
hallId: fallback?.hallId || navigationContext?.hallId,
hallName: fallback?.hallName || navigationContext?.hallName,
floorId: stopInfo.floorId || fallback?.floorId || navigationContext?.floorId,
floorId: detail.floorId || fallback?.floorId || navigationContext?.floorId,
floorLabel: fallback?.floorLabel || navigationContext?.floorLabel,
image: coverImage,
description,
poiId: stopInfo.poiId || fallback?.poiId || navigationContext?.poiId,
sourcePoiId: stopInfo.poiId || fallback?.sourcePoiId,
mapX: stopInfo.mapX ?? fallback?.mapX,
mapY: stopInfo.mapY ?? fallback?.mapY,
location: fallback?.location,
year: fallback?.year,
material: fallback?.material,
size: fallback?.size,
tags: fallback?.tags,
guideTitle: stopInfo.title || fallback?.guideTitle,
guideText: stopInfo.description || fallback?.guideText || fallback?.description,
image: detail.imageStatus === 'READY' ? detail.coverImageUrl : undefined,
description: detail.description || fallback?.description || '该讲解暂无简介。',
poiId: detail.poiId || fallback?.poiId || navigationContext?.poiId,
sourcePoiId: detail.poiId || fallback?.sourcePoiId,
mapX: detail.mapX ?? fallback?.mapX,
mapY: detail.mapY ?? fallback?.mapY,
guideTitle: detail.name,
guideText: textVariant?.text || detail.description || fallback?.guideText || fallback?.description,
audioUrl: audioOption?.playUrl,
audioDuration: audioOption?.duration,
audioLanguage: stopInfo.lang,
audioHasText: stopInfo.hasText,
audioText: undefined,
audioTextLength: undefined,
audioTextHash: undefined,
audioNarrationTier: undefined,
audioUnavailableReason: audioAvailable
? undefined
: audioReasonToText(stopInfo.reason || (stopInfo.audioStatus === 'MISSING' ? 'NO_PUBLISHED_AUDIO' : undefined)),
audioLanguage: language,
audioHasText: Boolean(textVariant?.text),
audioText: textVariant?.text,
audioTextLength: textVariant?.textLength,
audioTextHash: textVariant?.textHash,
audioUnavailableReason: audioAvailable ? undefined : audioReasonToText(detail.hasAudio ? undefined : 'NO_PUBLISHED_AUDIO'),
audioAvailable,
audioStatus: audioAvailable ? 'READY' : stopInfo.audioStatus,
audioStatus: audioAvailable ? 'READY' : 'MISSING',
supportedLanguages,
audioOptions: stopInfo.audioOptions,
imageStatus: stopInfo.imageStatus,
imageSource: stopInfo.imageSource,
galleryUrls: stopInfo.imageStatus === 'READY' ? stopInfo.galleryUrls : [],
linkedExhibitCount: stopInfo.linkedExhibitCount,
isSharedStop: stopInfo.isSharedStop,
linkedExhibits: stopInfo.linkedExhibits,
stopInfoAvailable: stopInfo.available,
stopInfoReason: stopInfo.reason,
resolvedStopId: stopInfo.resolvedStopId,
playTargetType: audioTarget.targetType,
playTargetId: audioTarget.targetId
audioOptions: detail.audioTracks,
textVariants: detail.textVariants,
recommendedTrackCode: detail.recommendedTrackCode,
guideVersion: detail.version,
textVariantCount: detail.textVariantCount,
audioTrackCount: detail.audioTrackCount,
imageStatus: detail.imageStatus,
galleryUrls: detail.imageStatus === 'READY' ? detail.galleryUrls : [],
linkedExhibitCount: detail.linkedExhibitCount,
isSharedStop: detail.isSharedStop,
linkedExhibits: detail.linkedExhibits,
stopInfoAvailable: true,
resolvedStopId: detail.id,
playTargetType: 'STOP',
playTargetId: detail.id
}
}
private applyPlayInfo(
exhibit: MuseumExhibit,
playInfo: AudioPlayInfo
): MuseumExhibit {
const apiPlayable = playInfo.playable === true && Boolean(playInfo.playUrl)
const nextAudioUrl = apiPlayable ? playInfo.playUrl || undefined : undefined
const nextAudioDuration = typeof playInfo.duration === 'number'
? playInfo.duration
: exhibit.audioDuration
return {
...exhibit,
guideTitle: playInfo.title || exhibit.guideTitle,
audioUrl: nextAudioUrl,
audioDuration: nextAudioDuration,
audioLanguage: playInfo.lang || exhibit.audioLanguage,
audioSubtitleUrl: playInfo.subtitleUrl || exhibit.audioSubtitleUrl,
audioHasText: playInfo.hasText === true || exhibit.audioHasText,
audioNarrationTier: playInfo.narrationTier || exhibit.audioNarrationTier,
audioUnavailableReason: apiPlayable ? undefined : audioReasonToText(playInfo.reason),
audioAvailable: apiPlayable,
audioStatus: apiPlayable ? 'READY' : 'MISSING'
}
}
private applyTextInfo(exhibit: MuseumExhibit, textInfo: AudioTextInfo | null): MuseumExhibit {
if (!textInfo?.available || !textInfo.text) return exhibit
return {
...exhibit,
guideTitle: textInfo.title || exhibit.guideTitle,
guideText: textInfo.text,
audioText: textInfo.text,
audioTextLength: textInfo.textLength || exhibit.audioTextLength,
audioTextHash: textInfo.textHash || exhibit.audioTextHash,
audioLanguage: textInfo.lang || exhibit.audioLanguage,
audioNarrationTier: textInfo.narrationTier || exhibit.audioNarrationTier,
audioHasText: true
}
}
private async enrichExhibitAudio(
exhibit: MuseumExhibit,
options: {
includeText?: boolean
track?: ExplainTrack | null
} = {}
): Promise<MuseumExhibit> {
const track = options.track ?? await this.explain.getTrackByExhibitId(exhibit.id).catch(() => null)
const baseExhibit = this.applyTrackAudioState(exhibit, track)
const { targetType, targetId } = this.resolveAudioTarget(baseExhibit, track)
private async enrichExhibitAudio(exhibit: MuseumExhibit): Promise<MuseumExhibit> {
if (exhibit.audioOptions?.length || !exhibit.id) return exhibit
try {
const playInfo = await this.audioPlayInfo.getPlayInfo({ targetType, targetId })
let nextExhibit = this.applyPlayInfo(baseExhibit, playInfo)
if (options.includeText && playInfo.hasText) {
try {
const textInfo = await this.audioPlayInfo.getTextInfo({
targetType,
targetId,
lang: playInfo.lang
})
nextExhibit = this.applyTextInfo(nextExhibit, textInfo)
} catch (error) {
console.warn('讲解词正文加载失败,将使用静态讲解文稿:', error)
}
}
return nextExhibit
} catch (error) {
console.warn('讲解播放信息加载失败,将使用静态讲解数据:', error)
return baseExhibit
const detail = await this.audioPlayInfo.getStopDetail(exhibit.resolvedStopId || exhibit.id, { version: 'standard' })
return this.toExhibitFromStopDetail(detail, exhibit)
} catch {
return exhibit
}
}
@@ -406,10 +256,7 @@ export class ExplainUseCase {
return baseExhibit
}
return this.enrichExhibitAudio(exhibit, {
includeText: options.includeText,
track
})
return this.enrichExhibitAudio(this.applyTrackAudioState(exhibit, track))
} catch (error) {
console.warn('讲解详情音频状态加载失败,将使用展项原始音频状态:', error)
return exhibit
@@ -424,63 +271,30 @@ export class ExplainUseCase {
}
async enterExplainDetail(request: ExplainDetailEntryRequest) {
const entryTarget = await this.resolveDetailEntryTarget(request)
// Remote stop-info is the authoritative detail source. Never make its first paint wait for catalog.
const stopId = this.resolveDetailStopId(request)
if (!stopId) throw new Error('讲解点 ID 不能为空')
const detail = await this.audioPlayInfo.getStopDetail(stopId, { version: request.version || 'standard' })
const language = request.lang || (dataSourceConfig.audioLanguage as AudioLanguage)
if (dataSourceConfig.explainContentMode === 'remote') {
const stopInfo = await this.audioPlayInfo.getStopInfo(entryTarget)
return this.toExhibitFromStopInfo(stopInfo, null, request)
return this.toExhibitFromStopDetail(detail, null, request, language)
}
const fallbackExhibit = await this.resolveStaticDetailFallback(request, entryTarget)
if (fallbackExhibit) {
return this.applyLanguageVariant(fallbackExhibit, entryTarget.lang)
}
const stopInfoResult = await this.audioPlayInfo.getStopInfo(entryTarget)
.then((stopInfo) => ({ stopInfo, error: null }))
.catch((error) => ({ stopInfo: null, error }))
if (stopInfoResult.stopInfo) {
return this.toExhibitFromStopInfo(stopInfoResult.stopInfo, fallbackExhibit, request)
}
throw stopInfoResult.error || new Error('讲解详情加载失败')
const fallbackExhibit = await this.resolveStaticDetailFallback(request, { stopId })
return this.toExhibitFromStopDetail(detail, fallbackExhibit, request, language)
}
async loadExplainDetailText(exhibit: MuseumExhibit): Promise<ExplainTextSelection> {
const targetType = exhibit.playTargetType || 'ITEM'
const targetId = exhibit.playTargetId || exhibit.id
const lang = (exhibit.audioLanguage as AudioLanguage) || (dataSourceConfig.audioLanguage as AudioLanguage)
try {
const textInfo = await this.audioPlayInfo.getTextInfo({
targetType,
targetId,
lang
})
const nextExhibit = this.applyTextInfo(exhibit, textInfo)
return {
exhibit: nextExhibit,
textInfo,
available: textInfo.available === true && Boolean(textInfo.text),
unavailableMessage: textInfo.available ? undefined : audioReasonToText(textInfo.reason || 'NO_TEXT')
}
} catch (error) {
console.error('讲解词正文解析失败:', error)
return {
exhibit,
textInfo: {
available: false,
targetType,
targetId,
lang,
reason: 'SERVICE_ERROR'
},
available: false,
unavailableMessage: '讲解词服务暂不可用,请稍后重试'
}
const variants = exhibit.textVariants || []
const version = exhibit.guideVersion || 'standard'
const variant = variants.find((item) => item.version === version && item.languageCode === lang)
|| (lang === 'yue-HK' ? variants.find((item) => item.version === version && item.languageCode === 'zh-CN') : undefined)
const text = variant?.text || (lang === 'yue-HK' ? exhibit.textVariants?.find((item) => item.languageCode === 'zh-CN')?.text : undefined)
const nextExhibit = text ? { ...exhibit, guideText: text, audioText: text, audioHasText: true } : exhibit
return {
exhibit: nextExhibit,
textInfo: { available: Boolean(text), lang, text, textLength: variant?.textLength, textHash: variant?.textHash },
available: Boolean(text),
unavailableMessage: text ? undefined : audioReasonToText('NO_TEXT')
}
}
@@ -554,11 +368,9 @@ export class ExplainUseCase {
}
openGuideStopDetail(stopId: string) {
const target = normalizeExplainDetailTargetFromGuideStop({ id: stopId })
return this.enterExplainDetail({
exhibitId: target.targetId,
targetType: target.targetType,
targetId: target.targetId
exhibitId: stopId,
stopId
})
}
@@ -578,86 +390,40 @@ export class ExplainUseCase {
const exhibit = detailExhibit || summaryExhibit
if (!exhibit) return null
const targetType: AudioPlayTargetType = track?.playTargetType
|| exhibit.playTargetType
|| 'ITEM'
const targetId = track?.playTargetId
|| exhibit.playTargetId
|| exhibit.id
const toPlayableSelection = (
playInfo: AudioPlayInfo,
requestTargetType: AudioPlayTargetType,
requestTargetId: string
): ExplainAudioSelection => {
const media: MediaAsset = {
id: `play-${playInfo.audioId || `${requestTargetType}-${requestTargetId}`}`,
type: 'audio',
url: playInfo.playUrl || undefined,
duration: typeof playInfo.duration === 'number' ? playInfo.duration : undefined,
language: playInfo.lang,
available: true
}
return {
exhibit,
track,
media,
playable: true,
playInfo
}
const language = (exhibit.audioLanguage as AudioLanguage) || (dataSourceConfig.audioLanguage as AudioLanguage)
const option = resolveGuideAudioOption(exhibit.audioOptions, language, 'female')
if (!option?.playUrl) {
return { exhibit, track, media: null, playable: false, unavailableMessage: audioReasonToText('NO_PUBLISHED_AUDIO') }
}
try {
const initialPlayInfo = await this.audioPlayInfo.getPlayInfo({ targetType, targetId })
if (initialPlayInfo.playable && initialPlayInfo.playUrl) {
return toPlayableSelection(initialPlayInfo, targetType, targetId)
}
return {
exhibit,
track,
media: null,
playable: false,
playInfo: initialPlayInfo,
unavailableMessage: audioReasonToText(initialPlayInfo.reason)
}
} catch (error) {
console.error('语音播放解析失败:', error)
const serviceErrorPlayInfo: AudioPlayInfo = {
playable: false,
targetType,
targetId,
lang: dataSourceConfig.audioLanguage as AudioPlayInfo['lang'],
hasText: false,
fallback: false,
reason: 'SERVICE_ERROR'
}
return {
exhibit,
track,
media: null,
playable: false,
playInfo: serviceErrorPlayInfo,
unavailableMessage: '语音服务暂不可用,当前提供图文讲解'
}
return {
exhibit,
track,
media: {
id: `channel-${option.channelCode}`,
type: 'audio',
url: option.playUrl,
duration: option.duration,
language,
available: true
},
playable: true
}
}
async selectAudioForExplainDetail(
exhibit: MuseumExhibit,
options: {
refreshPlayInfo?: boolean
voiceGender?: GuideAudioGender
} = {}
): Promise<ExplainAudioSelection> {
const targetType = exhibit.playTargetType || 'ITEM'
const targetId = exhibit.playTargetId || exhibit.id
const language = (exhibit.audioLanguage as AudioLanguage) || (dataSourceConfig.audioLanguage as AudioLanguage)
const audioOption = options.refreshPlayInfo
? undefined
: resolveGuideAudioOption(exhibit.audioOptions, language, options.voiceGender || 'male')
const version = exhibit.guideVersion || 'standard'
const optionsForVersion = (exhibit.audioOptions || []).filter((option) => !option.version || option.version === version)
const recommendedTrack = optionsForVersion.find((option) => option.channelCode === exhibit.recommendedTrackCode)
const preferredGender = language === 'yue-HK'
? 'female'
: options.voiceGender || (recommendedTrack?.languageCode === language ? recommendedTrack.gender : 'female')
const audioOption = resolveGuideAudioOption(optionsForVersion, language, preferredGender)
if (audioOption) {
const audioExhibit: MuseumExhibit = {
@@ -683,12 +449,12 @@ export class ExplainUseCase {
}
}
if (!options.refreshPlayInfo && exhibit.audioUrl?.trim()) {
if (exhibit.audioUrl?.trim()) {
return {
exhibit,
track: null,
media: {
id: `static-${targetType}-${targetId}-${exhibit.audioLanguage || dataSourceConfig.audioLanguage}`,
id: `static-${exhibit.resolvedStopId || exhibit.id}-${exhibit.audioLanguage || dataSourceConfig.audioLanguage}`,
type: 'audio',
url: exhibit.audioUrl,
duration: exhibit.audioDuration,
@@ -699,58 +465,12 @@ export class ExplainUseCase {
}
}
if (exhibit.audioStatus && exhibit.audioStatus !== 'READY') {
return {
exhibit,
track: null,
media: null,
playable: false,
unavailableMessage: audioReasonToText(exhibit.stopInfoReason || 'NO_PUBLISHED_AUDIO')
}
}
try {
const playInfo = await this.audioPlayInfo.getPlayInfo({
targetType,
targetId,
lang: language,
refresh: options.refreshPlayInfo === true
})
if (!playInfo.playable || !playInfo.playUrl) {
return {
exhibit,
track: null,
media: null,
playable: false,
playInfo,
unavailableMessage: audioReasonToText(playInfo.reason)
}
}
return {
exhibit,
track: null,
media: {
id: `play-${playInfo.audioId || `${targetType}-${targetId}`}`,
type: 'audio',
url: playInfo.playUrl,
duration: typeof playInfo.duration === 'number' ? playInfo.duration : undefined,
language: playInfo.lang,
available: true
},
playable: true,
playInfo
}
} catch (error) {
console.error('语音播放解析失败:', error)
return {
exhibit,
track: null,
media: null,
playable: false,
unavailableMessage: '语音服务暂不可用,请稍后重试'
}
return {
exhibit,
track: null,
media: null,
playable: false,
unavailableMessage: audioReasonToText('NO_PUBLISHED_AUDIO')
}
}
}

View File

@@ -33,6 +33,7 @@ export interface PoiDetailTarget {
detailId: string
hallId?: string
exhibitId?: string
stopId?: string
url: string
failureMessage: string
}
@@ -114,14 +115,24 @@ const resolveHallByControlledNameFallback = (
export class PoiDetailUseCase {
async resolve(poi: PoiDetailSourcePoi): Promise<PoiDetailTarget> {
if (poi.exhibitId) {
// POI search data identifies the exhibit, while the unified detail API only
// accepts a guide-stop ID. Resolve it from the catalog before navigation.
const exhibit = await explainUseCase.getExhibitById(poi.exhibitId).catch(() => null)
const stopId = exhibit?.resolvedStopId
const detailUrl = new URLSearchParams({ id: poi.exhibitId })
if (stopId) detailUrl.set('stopId', stopId)
return {
poiId: poi.id,
floorId: poi.floorId,
detailType: 'exhibit',
detailAvailable: true,
detailId: poi.exhibitId,
detailId: stopId || poi.exhibitId,
exhibitId: poi.exhibitId,
url: createCanonicalDetailUrl(`/pages/exhibit/detail?id=${encodeURIComponent(poi.exhibitId)}`, poi),
stopId,
// Keep the legacy ID only for history/static-data compatibility when an
// older POI record cannot be associated with a guide stop.
url: createCanonicalDetailUrl(`/pages/exhibit/detail?${detailUrl.toString()}`, poi),
failureMessage: '展品详情打开失败,请重试'
}
}

View File

@@ -4,24 +4,6 @@ import {
const isAbsoluteHttpUrl = (url: string) => /^https?:\/\//i.test(url)
const defaultSameOriginAssetHosts = [
['1', '92', '206', '90'].join('.')
]
const defaultLegacyAudioHosts = [
['47', '120', '48', '148'].join('.')
]
const configuredSameOriginAssetHosts = () => [
dataSourceConfig.publicSameOriginAssetHost,
...defaultSameOriginAssetHosts
].filter(Boolean)
const configuredLegacyAudioHosts = () => [
dataSourceConfig.publicLegacyAudioHost,
...defaultLegacyAudioHosts
].filter(Boolean)
const resolveSdkMinioProxyBaseUrl = () => {
const apiBaseUrl = dataSourceConfig.apiBaseUrl.trim().replace(/\/+$/, '')
const normalizedApiBaseUrl = apiBaseUrl.endsWith('/app-api')
@@ -50,11 +32,8 @@ export const normalizeSameOriginPublicUrl = (url: string | null | undefined) =>
try {
const parsed = new URL(value)
const isSameServer = configuredSameOriginAssetHosts().includes(parsed.hostname)
if (
isSameServer
&& parsed.port === '9000'
parsed.port === '9000'
&& (
parsed.pathname.startsWith('/museum-assets/')
|| parsed.pathname.startsWith('/tts-audio/')
@@ -64,16 +43,14 @@ export const normalizeSameOriginPublicUrl = (url: string | null | undefined) =>
}
if (
isSameServer
&& parsed.port === '48080'
parsed.port === '48080'
&& parsed.pathname.startsWith('/yudao-server/')
) {
return `${parsed.pathname}${parsed.search}${parsed.hash}`
}
if (
configuredLegacyAudioHosts().includes(parsed.hostname)
&& parsed.port === '19000'
parsed.port === '19000'
&& parsed.pathname.startsWith('/nhm/audio/')
) {
return `${parsed.pathname}${parsed.search}${parsed.hash}`

View File

@@ -68,6 +68,10 @@ export interface ExplainDetailPageViewModel {
supportedLanguages?: string[]
languageLabel?: string
audioOptions?: MuseumGuideAudioOption[]
textVariants?: import('@/domain/museum').MuseumGuideTextVariant[]
recommendedTrackCode?: string
version?: 'standard' | 'extended'
stopId?: string
}
imageStatus?: string
galleryStatusText?: string
@@ -238,7 +242,11 @@ export const toExplainDetailPageViewModel = (exhibit: MuseumExhibit): ExplainDet
statusText: hasPlayableAudio ? '可播放' : '当前语言暂无语音讲解',
supportedLanguages: exhibit.supportedLanguages,
languageLabel: languageLabelFor(exhibit.audioLanguage),
audioOptions: exhibit.audioOptions
audioOptions: exhibit.audioOptions,
textVariants: exhibit.textVariants,
recommendedTrackCode: exhibit.recommendedTrackCode,
version: exhibit.guideVersion,
stopId: exhibit.resolvedStopId || exhibit.playTargetId || exhibit.id
},
imageStatus: exhibit.imageStatus,
galleryStatusText: coverImages.length > 1 ? `${coverImages.length} 张讲解图片` : undefined,

View File

@@ -61,7 +61,7 @@ test('hall goes directly to paged guide objects without outline requests', async
await page.mouse.wheel(0, 10000)
await expect(page.getByText('讲解对象21', { exact: true })).toBeVisible()
await page.getByText('讲解对象1', { exact: true }).click()
await expect(page).toHaveURL(/pages\/exhibit\/detail\?.*targetType=STOP.*targetId=target-1/)
await expect(page).toHaveURL(/pages\/exhibit\/detail\?.*stopId=stop-1/)
expect(requests.some((url) => url.includes('/outlines'))).toBe(false)
expect(requests.filter((url) => url.includes('/stops/page')).map((url) => new URL(url).searchParams.get('pageNo'))).toEqual(['1', '2'])
})

View File

@@ -1,47 +1,81 @@
import { afterEach, describe, expect, it, vi } from 'vitest'
import { DefaultAudioPlayInfoRepository } from '@/repositories/AudioPlayInfoRepository'
const stopInfoResponse = {
const detailResponse = {
code: 0,
data: {
available: true,
targetType: 'STOP',
targetId: 'stop-1',
resolvedStopId: 'stop-1',
lang: 'zh-CN',
title: '测试讲解点',
description: '测试简介',
imageStatus: 'READY',
imageSource: 'STOP',
galleryUrls: '[]',
playTargetType: 'STOP',
playTargetId: 'stop-1',
hasAudio: false,
id: '865546647764037632',
version: 'standard',
name: '测试讲解点',
imageStatus: 'MISSING',
textVariants: [{ version: 'standard', languageCode: 'zh-CN', text: '测试正文' }],
audioTracks: [{
version: 'standard', languageCode: 'zh-CN', gender: 'female',
playUrl: '/museum-assets/audio/zh-female.mp3'
}],
hasText: true,
supportedLanguages: ['zh-CN'],
audioStatus: 'MISSING',
audioOptions: []
hasAudio: true
}
}
describe('DefaultAudioPlayInfoRepository stop-info loading mode', () => {
describe('DefaultAudioPlayInfoRepository unified stop detail', () => {
afterEach(() => vi.unstubAllGlobals())
it('defaults H5 detail requests to lightweight mode and keeps its cache separate from legacy mode', async () => {
it('requests the versioned endpoint and caches each detail version independently', async () => {
const requestUrls: string[] = []
vi.stubGlobal('uni', {
request: ({ url, success }: { url: string, success: (response: unknown) => void }) => {
requestUrls.push(url)
success({ statusCode: 200, data: stopInfoResponse })
success({
statusCode: 200,
data: {
...detailResponse,
data: {
...detailResponse.data,
version: String(url).includes('version=extended') ? 'extended' : 'standard'
}
}
})
}
})
const repository = new DefaultAudioPlayInfoRepository()
await repository.getStopInfo({ targetType: 'STOP', targetId: 'stop-1', lang: 'zh-CN' })
await repository.getStopInfo({ targetType: 'STOP', targetId: 'stop-1', lang: 'zh-CN', lightweight: false })
const first = await repository.getStopDetail('865546647764037632')
const second = await repository.getStopDetail('865546647764037632')
const extended = await repository.getStopDetail('865546647764037632', { version: 'extended' })
expect(requestUrls).toHaveLength(2)
expect(new URL(requestUrls[0], 'http://localhost').searchParams.get('lightweight')).toBe('true')
expect(new URL(requestUrls[1], 'http://localhost').searchParams.get('lightweight')).toBe('false')
expect(first.id).toBe('865546647764037632')
expect(second).toBe(first)
expect(extended).not.toBe(first)
expect(extended.version).toBe('extended')
expect(requestUrls).toEqual([
'/app-api/gis/guide/stops/865546647764037632?version=standard',
'/app-api/gis/guide/stops/865546647764037632?version=extended'
])
expect(first.audioTracks[0]?.channelCode).toBe('standard.zh-CN.female')
})
it('bypasses a completed entry only when refresh is explicitly requested', async () => {
const request = vi.fn(({ success }: { success: (response: unknown) => void }) => {
success({ statusCode: 200, data: detailResponse })
})
vi.stubGlobal('uni', { request })
const repository = new DefaultAudioPlayInfoRepository()
await repository.getStopDetail('stop-1')
await repository.getStopDetail('stop-1', { refresh: true })
expect(request).toHaveBeenCalledTimes(2)
})
it('surfaces a business missing-detail response as a detail error', async () => {
vi.stubGlobal('uni', {
request: ({ success }: { success: (response: unknown) => void }) => {
success({ statusCode: 200, data: { code: 1020005000, msg: '导览讲解点不存在' } })
}
})
const repository = new DefaultAudioPlayInfoRepository()
await expect(repository.getStopDetail('not-found')).rejects.toThrow('导览讲解点不存在')
})
})

View File

@@ -10,7 +10,10 @@ const installRequest = (handler: (url: string) => unknown) => {
}
describe('BackendExplainContentProvider hall stop paging', () => {
afterEach(() => vi.unstubAllGlobals())
afterEach(() => {
vi.restoreAllMocks()
vi.unstubAllGlobals()
})
it('uses the paged hall endpoint and maps independent pages without outlines', async () => {
const requests: string[] = []
@@ -23,8 +26,8 @@ describe('BackendExplainContentProvider hall stop paging', () => {
data: {
total: 30,
list: pageNo === '1'
? [{ stopId: 'stop-1', name: '对象一', imageStatus: 'READY', coverImageUrl: '/one.jpg', playTargetType: 'STOP', playTargetId: 'target-1' }]
: [{ stopId: 'stop-2', name: '对象二', imageStatus: 'MISSING', playTargetType: 'STOP', playTargetId: 'target-2' }]
? [{ stopId: 'stop-1', name: '对象一', imageStatus: 'READY', coverImageUrl: '/one.jpg', outlineId: 'outline-1', linkedExhibits: [] }]
: [{ stopId: 'stop-2', name: '对象二', imageStatus: 'MISSING', outlineId: 'outline-1', linkedExhibits: [] }]
}
}
})
@@ -35,7 +38,7 @@ describe('BackendExplainContentProvider hall stop paging', () => {
])
expect(first).toMatchObject({ total: 30, pageNo: 1, pageSize: 20, hasMore: true })
expect(first.items[0]).toMatchObject({ id: 'stop-1', hallName: '恐龙厅', playTargetId: 'target-1' })
expect(first.items[0]).toMatchObject({ id: 'stop-1', stopId: 'stop-1', hallName: '恐龙厅', outlineId: 'outline-1' })
expect(second.items.map((item) => item.id)).toEqual(['stop-2'])
expect(requests.filter((url) => url.includes('/stops/page'))).toHaveLength(2)
expect(requests.some((url) => url.includes('/outlines'))).toBe(false)
@@ -79,4 +82,25 @@ describe('BackendExplainContentProvider hall stop paging', () => {
expect(requests.filter((url) => url.includes('/catalog/halls?'))).toHaveLength(1)
expect(requests.filter((url) => url.includes('/stops/page'))).toHaveLength(1)
})
it('warns when a hall has guide stops but every compatibility outline reports zero', async () => {
const warn = vi.spyOn(console, 'warn').mockImplementation(() => undefined)
installRequest((url) => {
if (url.includes('/catalog/halls?')) {
return { code: 0, data: [{ id: 'hall-1', name: '恐龙厅', stopCount: 2 }] }
}
if (url.includes('/catalog/halls/hall-1/outlines?')) {
return { code: 0, data: [{ id: 'outline-1', name: '单元一', hallId: 'hall-1', stopCount: 0 }] }
}
throw new Error(`Unexpected request: ${url}`)
})
const units = await new BackendExplainContentProvider().listTemporaryBusinessUnitsByHall('hall-1')
expect(units).toHaveLength(1)
expect(warn).toHaveBeenCalledWith(
'一级单元与讲解点关联异常,一级单元仅作为兼容入口:',
expect.objectContaining({ hallId: 'hall-1', hallStopCount: 2 })
)
})
})

View File

@@ -150,7 +150,7 @@ describe('讲解详情音频优先布局', () => {
global: { stubs: { GuidePageFrame: GuidePageFrameStub } }
})
await mocks.onLoadHandler?.({ id: exhibit.id, lang: 'en-US', targetType: 'STOP', targetId: 'stop-1' })
await mocks.onLoadHandler?.({ id: exhibit.id, lang: 'en-US', stopId: 'stop-1' })
await flushPromises()
expect(wrapper.get('.detail-title').text()).toBe('Classical Astrolabe')
@@ -164,7 +164,7 @@ describe('讲解详情音频优先布局', () => {
expect(wrapper.get('.content-section').classes()).toContain('is-english')
expect(wrapper.find('.section-title').exists()).toBe(false)
expect(wrapper.get('.section-text').text()).toContain('detailed English narration')
expect(wrapper.get('.detail-audio-time').text()).toBe('0:00 / 1:21')
expect(wrapper.get('.detail-audio-time').text()).toBe('0:00 / 0:00')
expect(wrapper.get('.detail-audio-speed').attributes('aria-label')).toBe('播放速度 1.0倍')
})
@@ -174,7 +174,7 @@ describe('讲解详情音频优先布局', () => {
global: { stubs: { GuidePageFrame: GuidePageFrameStub } }
})
await mocks.onLoadHandler?.({ id: exhibit.id, targetType: 'STOP', targetId: 'stop-1' })
await mocks.onLoadHandler?.({ id: exhibit.id, stopId: 'stop-1' })
await flushPromises()
const state = wrapper.get('[data-testid="exhibit-detail-state"]')
@@ -197,7 +197,7 @@ describe('讲解详情音频优先布局', () => {
global: { stubs: { GuidePageFrame: GuidePageFrameStub } }
})
await mocks.onLoadHandler?.({ id: exhibit.id, lang: 'zh-CN', targetType: 'STOP', targetId: 'stop-1' })
await mocks.onLoadHandler?.({ id: exhibit.id, lang: 'zh-CN', stopId: 'stop-1' })
await flushPromises()
const labels = wrapper.findAll('.language-option-text').map((node) => node.text())
@@ -214,7 +214,7 @@ describe('讲解详情音频优先布局', () => {
global: { stubs: { GuidePageFrame: GuidePageFrameStub } }
})
await mocks.onLoadHandler?.({ id: exhibit.id, lang: 'zh-CN', targetType: 'STOP', targetId: 'stop-1' })
await mocks.onLoadHandler?.({ id: exhibit.id, lang: 'zh-CN', stopId: 'stop-1' })
await flushPromises()
expect(wrapper.find('.detail-language-bar').exists()).toBe(false)
@@ -231,7 +231,7 @@ describe('讲解详情音频优先布局', () => {
global: { stubs: { GuidePageFrame: GuidePageFrameStub } }
})
await mocks.onLoadHandler?.({ id: exhibit.id, lang: 'en-US', targetType: 'STOP', targetId: 'stop-1' })
await mocks.onLoadHandler?.({ id: exhibit.id, lang: 'en-US', stopId: 'stop-1' })
await flushPromises()
expect(mocks.enterExplainDetail).toHaveBeenNthCalledWith(1, expect.objectContaining({ lang: 'en-US' }))
@@ -246,7 +246,7 @@ describe('讲解详情音频优先布局', () => {
global: { stubs: { GuidePageFrame: GuidePageFrameStub } }
})
await mocks.onLoadHandler?.({ id: exhibit.id, lang: 'en-US', targetType: 'STOP', targetId: 'stop-1' })
await mocks.onLoadHandler?.({ id: exhibit.id, lang: 'en-US', stopId: 'stop-1' })
await flushPromises()
await wrapper.get('.detail-audio-play').trigger('tap')
@@ -258,13 +258,13 @@ describe('讲解详情音频优先布局', () => {
it('加载中使用同一高度底栏和不确定进度', async () => {
audioState.currentAudio.value = { id: 'audio-1' }
audioState.currentSource.value = { targetType: 'STOP', targetId: 'stop-1', lang: 'en-US' }
audioState.currentSource.value = { stopId: 'stop-1', lang: 'en-US' }
audioState.loading.value = true
const wrapper = mount(ExhibitDetail, {
global: { stubs: { GuidePageFrame: GuidePageFrameStub } }
})
await mocks.onLoadHandler?.({ id: exhibit.id, lang: 'en-US', targetType: 'STOP', targetId: 'stop-1' })
await mocks.onLoadHandler?.({ id: exhibit.id, lang: 'en-US', stopId: 'stop-1' })
await flushPromises()
expect(wrapper.get('.detail-audio-dock').classes()).toContain('is-loading')
@@ -287,7 +287,7 @@ describe('讲解详情音频优先布局', () => {
global: { stubs: { GuidePageFrame: GuidePageFrameStub } }
})
await mocks.onLoadHandler?.({ id: exhibit.id, lang: 'yue-HK', targetType: 'STOP', targetId: 'stop-1' })
await mocks.onLoadHandler?.({ id: exhibit.id, lang: 'yue-HK', stopId: 'stop-1' })
await flushPromises()
expect(wrapper.get('.detail-audio-dock').classes()).toContain('is-unavailable')
@@ -295,9 +295,9 @@ describe('讲解详情音频优先布局', () => {
expect(wrapper.find('.detail-audio-status').exists()).toBe(false)
})
it('播放失败显示错误并通过既有刷新链路重试', async () => {
it('播放失败显示错误并从当前详情音轨重试', async () => {
audioState.currentAudio.value = { id: 'audio-1', audioUrl: exhibit.audioUrl }
audioState.currentSource.value = { targetType: 'STOP', targetId: 'stop-1', lang: 'en-US' }
audioState.currentSource.value = { stopId: 'stop-1', lang: 'en-US' }
audioState.error.value = '音频暂时无法播放'
mocks.selectAudioForExplainDetail.mockResolvedValue({
playable: true,
@@ -309,14 +309,17 @@ describe('讲解详情音频优先布局', () => {
global: { stubs: { GuidePageFrame: GuidePageFrameStub } }
})
await mocks.onLoadHandler?.({ id: exhibit.id, lang: 'en-US', targetType: 'STOP', targetId: 'stop-1' })
await mocks.onLoadHandler?.({ id: exhibit.id, lang: 'en-US', stopId: 'stop-1' })
await flushPromises()
expect(wrapper.get('.detail-audio-dock').classes()).toContain('is-failed')
expect(wrapper.find('.detail-audio-retry').exists()).toBe(false)
await wrapper.get('.detail-audio-play').trigger('tap')
await flushPromises()
expect(mocks.selectAudioForExplainDetail).toHaveBeenCalledWith(expect.any(Object), { refreshPlayInfo: true })
expect(mocks.selectAudioForExplainDetail).toHaveBeenCalledWith(expect.objectContaining({
id: exhibit.id,
guideVersion: 'standard'
}))
expect(mocks.play).toHaveBeenCalledWith(expect.objectContaining({ id: 'audio-refresh' }), expect.objectContaining({
retryOnError: expect.any(Function),
displayMode: 'mini'
@@ -345,17 +348,17 @@ describe('讲解详情音频优先布局', () => {
global: { stubs: { GuidePageFrame: GuidePageFrameStub } }
})
await mocks.onLoadHandler?.({ id: exhibit.id, lang: 'en-US', targetType: 'STOP', targetId: 'stop-1' })
await mocks.onLoadHandler?.({ id: exhibit.id, lang: 'en-US', stopId: 'stop-1' })
await flushPromises()
expect(wrapper.get('.detail-audio-speed').text()).toBe('1.0')
expect(wrapper.get('.detail-audio-voice').attributes('aria-label')).toBe('切换为声讲解')
expect(wrapper.get('.detail-audio-voice').attributes('aria-label')).toBe('切换为声讲解')
await wrapper.get('.detail-audio-speed').trigger('tap')
await wrapper.get('.detail-audio-voice').trigger('tap')
expect(mocks.setPlaybackRate).toHaveBeenCalledWith(1.25)
expect(wrapper.get('.detail-audio-voice').attributes('aria-label')).toBe('切换为声讲解')
expect(wrapper.get('.detail-audio-voice').attributes('aria-label')).toBe('切换为声讲解')
expect(mocks.toggleMute).not.toHaveBeenCalled()
})
@@ -377,12 +380,12 @@ describe('讲解详情音频优先布局', () => {
it('离开详情页时立即关闭当前讲解播放器', async () => {
audioState.currentAudio.value = { id: 'audio-1', audioUrl: exhibit.audioUrl }
audioState.currentSource.value = { targetType: 'STOP', targetId: 'stop-1', lang: 'en-US' }
audioState.currentSource.value = { stopId: 'stop-1', lang: 'en-US' }
const wrapper = mount(ExhibitDetail, {
global: { stubs: { GuidePageFrame: GuidePageFrameStub } }
})
await mocks.onLoadHandler?.({ id: exhibit.id, lang: 'en-US', targetType: 'STOP', targetId: 'stop-1' })
await mocks.onLoadHandler?.({ id: exhibit.id, lang: 'en-US', stopId: 'stop-1' })
await flushPromises()
mocks.onHideHandler?.()
@@ -400,16 +403,12 @@ describe('讲解详情音频优先布局', () => {
await mocks.onLoadHandler?.({
id: exhibit.id,
lang: 'en-US',
targetType: 'STOP',
targetId: 'stop-1',
stopId: 'stop-1',
hallId: 'hall-1',
hallName: '%2525E6%252581%252590%2525E9%2525BE%252599%2525E5%25258E%252585'
})
await flushPromises()
vi.mocked(uni.navigateBack).mockImplementationOnce((options: any) => {
options.fail?.()
})
wrapper.getComponent(GuidePageFrameStub).vm.$emit('back')
await flushPromises()
@@ -418,6 +417,6 @@ describe('讲解详情音频优先布局', () => {
expect(url.split('?')[0]).toBe('/pages/explain/guide-stop-list')
expect(params.get('hallId')).toBe('hall-1')
expect(params.get('hallName')).toBe('恐龙厅')
expect(uni.navigateBack).toHaveBeenCalledWith(expect.objectContaining({ delta: 1 }))
expect(uni.navigateBack).not.toHaveBeenCalled()
})
})

View File

@@ -22,7 +22,7 @@ describe('ExplainGuideStopCatalog', () => {
expect(wrapper.findAll('.stop-status')).toHaveLength(3)
expect(wrapper.text()).toContain('讲解')
expect(wrapper.text()).toContain('图文')
expect(wrapper.text()).toContain('暂无内容')
expect(wrapper.text()).not.toContain('暂无内容')
expect(wrapper.find('.hall-arrow').exists()).toBe(false)
expect(wrapper.find('.stop-name').classes()).toContain('stop-name')
})

View File

@@ -110,8 +110,7 @@ describe('讲解对象列表返回', () => {
expect(url.split('?')[0]).toBe('/pages/exhibit/detail')
expect(params.get('hallId')).toBe('hall-1')
expect(params.get('hallName')).toBe('恐龙厅')
expect(params.get('targetType')).toBe('STOP')
expect(params.get('targetId')).toBe('target-1')
expect(params.get('stopId')).toBe('stop-1')
wrapper.unmount()
})

View File

@@ -1,102 +1,89 @@
import { describe, expect, it, vi } from 'vitest'
import type { GuideStopInfo } from '@/data/adapters/guideStopInfoAdapter'
import type { GuideStopDetail } from '@/data/adapters/guideStopInfoAdapter'
import type { AudioPlayInfoRepository } from '@/repositories/AudioPlayInfoRepository'
import type { ExplainRepository } from '@/repositories/ExplainRepository'
import { ExplainUseCase } from '@/usecases/explainUseCase'
import { dataSourceConfig } from '@/config/dataSource'
const createStopInfo = (overrides: Partial<GuideStopInfo> = {}): GuideStopInfo => ({
available: true,
targetType: 'STOP',
targetId: 'stop-1',
lang: 'zh-CN',
title: 'Guide stop',
const createDetail = (overrides: Partial<GuideStopDetail> = {}): GuideStopDetail => ({
id: 'stop-1',
version: 'standard',
name: 'Guide stop',
galleryUrls: [],
imageStatus: 'MISSING',
linkedExhibits: [
{
id: 'exhibit-1',
name: 'Linked exhibit',
coverImageUrl: '/linked-exhibit.jpg'
}
linkedExhibits: [{ id: 'exhibit-1', name: 'Linked exhibit', coverImageUrl: '/linked-exhibit.jpg' }],
isSharedStop: false,
textVariants: [
{ version: 'standard', languageCode: 'zh-CN', text: '普通话正文' },
{ version: 'standard', languageCode: 'en-US', text: 'English text' }
],
playTargetType: 'STOP',
playTargetId: 'stop-1',
hasAudio: false,
hasText: false,
supportedLanguages: [],
audioStatus: 'MISSING',
audioTracks: [
{ channelCode: 'standard.zh-CN.female', version: 'standard', languageCode: 'zh-CN', gender: 'female', playUrl: '/zh-female.mp3' },
{ channelCode: 'standard.yue-HK.female', version: 'standard', languageCode: 'yue-HK', gender: 'female', playUrl: '/yue-female.mp3' }
],
hasText: true,
hasAudio: true,
textVariantCount: 2,
audioTrackCount: 2,
...overrides
})
const createUseCase = (stopInfo: GuideStopInfo) => {
const createUseCase = (detail: GuideStopDetail) => {
const explain = {
getExhibitById: vi.fn().mockResolvedValue(null),
listExplainExhibits: vi.fn().mockResolvedValue([])
} as unknown as ExplainRepository
const audioPlayInfo = {
getStopInfo: vi.fn().mockResolvedValue(stopInfo)
} as unknown as AudioPlayInfoRepository
return new ExplainUseCase(explain, audioPlayInfo)
const audio = { getStopDetail: vi.fn().mockResolvedValue(detail) } as unknown as AudioPlayInfoRepository
return { useCase: new ExplainUseCase(explain, audio), explain, audio }
}
describe('ExplainUseCase stop image policy', () => {
it('uses stop-info first in remote mode without requesting a catalog fallback', async () => {
describe('ExplainUseCase unified stop detail', () => {
it('uses stopId once in remote mode without requesting a catalog fallback', async () => {
const originalMode = dataSourceConfig.explainContentMode
Object.assign(dataSourceConfig, { explainContentMode: 'remote' })
const explain = {
getExhibitById: vi.fn(),
listExplainExhibits: vi.fn(),
listExplainExhibitsByHall: vi.fn()
} as unknown as ExplainRepository
const audio = { getStopInfo: vi.fn().mockResolvedValue(createStopInfo()) } as unknown as AudioPlayInfoRepository
const { useCase, explain, audio } = createUseCase(createDetail())
await new ExplainUseCase(explain, audio).enterExplainDetail({
exhibitId: 'stop-1', targetType: 'STOP', targetId: 'stop-1', hallName: '宇宙厅'
})
const result = await useCase.enterExplainDetail({ exhibitId: 'stop-1', stopId: 'stop-1', hallName: '宇宙厅' })
expect(audio.getStopInfo).toHaveBeenCalledTimes(1)
expect(audio.getStopDetail).toHaveBeenCalledWith('stop-1', { version: 'standard' })
expect(explain.getExhibitById).not.toHaveBeenCalled()
expect(explain.listExplainExhibits).not.toHaveBeenCalled()
expect(result.hallName).toBe('宇宙厅')
Object.assign(dataSourceConfig, { explainContentMode: originalMode })
})
it('delegates hall exhibits and business-unit stops without loading full exhibits', async () => {
const explain = {
listExplainExhibitsByHall: vi.fn().mockResolvedValue([]),
listGuideStopsByBusinessUnit: vi.fn().mockResolvedValue([])
} as unknown as ExplainRepository
const useCase = new ExplainUseCase(explain, {} as AudioPlayInfoRepository)
await useCase.listExhibitsByHallId('hall-1')
await useCase.listGuideStopsByBusinessUnit('hall-1', 'outline-1')
expect(explain.listExplainExhibitsByHall).toHaveBeenCalledWith('hall-1')
expect(explain.listGuideStopsByBusinessUnit).toHaveBeenCalledWith('hall-1', 'outline-1')
})
it('does not use linked exhibit images when stop-info reports MISSING', async () => {
const detail = await createUseCase(createStopInfo()).enterExplainDetail({
exhibitId: 'stop-1',
targetType: 'STOP',
targetId: 'stop-1'
})
it('does not use linked exhibit images when detail reports MISSING', async () => {
const { useCase } = createUseCase(createDetail())
const result = await useCase.enterExplainDetail({ exhibitId: 'stop-1', stopId: 'stop-1' })
expect(detail.image).toBeUndefined()
expect(detail.galleryUrls).toEqual([])
expect(detail.linkedExhibits?.[0]?.coverImageUrl).toBe('/linked-exhibit.jpg')
expect(result.image).toBeUndefined()
expect(result.galleryUrls).toEqual([])
expect(result.linkedExhibits?.[0]?.coverImageUrl).toBe('/linked-exhibit.jpg')
})
it('uses the stop image when stop-info reports READY', async () => {
const detail = await createUseCase(createStopInfo({
imageStatus: 'READY',
coverImageUrl: '/guide-stop.jpg',
galleryUrls: ['/guide-stop-gallery.jpg']
})).enterExplainDetail({
exhibitId: 'stop-1',
targetType: 'STOP',
targetId: 'stop-1'
})
it('uses local standard text and audio variants, with Chinese text fallback for Cantonese', async () => {
const { useCase, audio } = createUseCase(createDetail())
const result = await useCase.enterExplainDetail({ exhibitId: 'stop-1', stopId: 'stop-1', lang: 'yue-HK' })
const text = await useCase.loadExplainDetailText(result)
const selection = await useCase.selectAudioForExplainDetail(result, { voiceGender: 'male' })
expect(detail.image).toBe('/guide-stop.jpg')
expect(detail.galleryUrls).toEqual(['/guide-stop-gallery.jpg'])
expect(result.guideText).toBe('普通话正文')
expect(text.textInfo.text).toBe('普通话正文')
expect(selection.media?.url).toBe('/yue-female.mp3')
expect(audio.getStopDetail).toHaveBeenCalledTimes(1)
})
it('uses the recommended track for the current detail version by default', async () => {
const { useCase } = createUseCase(createDetail({
recommendedTrackCode: 'standard.zh-CN.female',
audioTracks: [
{ channelCode: 'standard.zh-CN.female', version: 'standard', languageCode: 'zh-CN', gender: 'female', playUrl: '/zh-female.mp3' },
{ channelCode: 'standard.zh-CN.male', version: 'standard', languageCode: 'zh-CN', gender: 'male', playUrl: '/zh-male.mp3' }
]
}))
const result = await useCase.enterExplainDetail({ exhibitId: 'stop-1', stopId: 'stop-1' })
const selection = await useCase.selectAudioForExplainDetail(result)
expect(selection.media?.url).toBe('/zh-female.mp3')
})
})

View File

@@ -1,18 +1,6 @@
// @vitest-environment happy-dom
import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
const repositoryMocks = vi.hoisted(() => ({
getPlayInfo: vi.fn()
}))
vi.mock('@/repositories/AudioPlayInfoRepository', () => ({
audioPlayInfoRepository: {
getPlayInfo: repositoryMocks.getPlayInfo
},
audioReasonToText: () => '当前语言暂无语音讲解'
}))
import { useGlobalAudioPlayer } from '@/composables/useGlobalAudioPlayer'
describe('全局讲解播放器语言切换', () => {
@@ -20,10 +8,7 @@ describe('全局讲解播放器语言切换', () => {
beforeEach(() => {
player.close()
repositoryMocks.getPlayInfo.mockReset()
vi.stubGlobal('uni', {
showToast: vi.fn()
})
vi.stubGlobal('uni', { showToast: vi.fn() })
vi.spyOn(window.HTMLMediaElement.prototype, 'play').mockResolvedValue(undefined)
vi.spyOn(window.HTMLMediaElement.prototype, 'pause').mockImplementation(() => undefined)
vi.spyOn(window.HTMLMediaElement.prototype, 'load').mockImplementation(() => undefined)
@@ -35,18 +20,9 @@ describe('全局讲解播放器语言切换', () => {
vi.unstubAllGlobals()
})
it('切换到粤语时立即中断旧音频,并使用 yue-HK 播放地址', async () => {
repositoryMocks.getPlayInfo.mockResolvedValue({
playable: true,
targetType: 'STOP',
targetId: '1823450596800289',
lang: 'yue-HK',
audioId: 'cantonese-audio',
playUrl: '/museum-assets/audio/cantonese.mp3',
hasText: true,
fallback: false
})
it('切换到粤语时只从当前统一详情的音轨数组选择,不产生额外 HTTP 请求', async () => {
const request = vi.fn()
vi.stubGlobal('uni', { request, showToast: vi.fn() })
await player.play({
id: 'mandarin-audio',
name: '测试讲解',
@@ -54,28 +30,25 @@ describe('全局讲解播放器语言切换', () => {
language: 'zh-CN'
}, {
source: {
targetType: 'STOP',
targetId: '1823450596800289',
lang: 'zh-CN'
stopId: '1823450596800289',
lang: 'zh-CN',
voiceGender: 'male',
audioOptions: [
{ channelCode: 'standard.zh-CN.male', version: 'standard', languageCode: 'zh-CN', gender: 'male', playUrl: '/museum-assets/audio/mandarin.mp3' },
{ channelCode: 'standard.yue-HK.female', version: 'standard', languageCode: 'yue-HK', gender: 'female', playUrl: '/museum-assets/audio/cantonese.mp3' }
]
}
})
const pauseSpy = vi.mocked(window.HTMLMediaElement.prototype.pause)
pauseSpy.mockClear()
const switching = player.switchLanguage('yue-HK')
expect(pauseSpy).toHaveBeenCalledTimes(1)
expect(player.playing.value).toBe(false)
expect(player.currentTime.value).toBe(0)
expect(repositoryMocks.getPlayInfo).toHaveBeenCalledWith(expect.objectContaining({
targetType: 'STOP',
targetId: '1823450596800289',
lang: 'yue-HK',
refresh: true
}))
await expect(switching).resolves.toBe(true)
expect(player.currentSource.value?.lang).toBe('yue-HK')
expect(request).not.toHaveBeenCalled()
expect(player.currentSource.value).toEqual(expect.objectContaining({
stopId: '1823450596800289',
lang: 'yue-HK',
voiceGender: 'female'
}))
expect(player.currentAudio.value).toEqual(expect.objectContaining({
language: 'yue-HK',
audioUrl: '/museum-assets/audio/cantonese.mp3'

View File

@@ -1,7 +1,4 @@
import { describe, expect, it } from 'vitest'
import {
toGuideStopInfo
} from '@/data/adapters/guideStopInfoAdapter'
import {
canToggleGuideAudioGender,
GUIDE_AUDIO_LANGUAGE_OPTIONS,
@@ -46,36 +43,6 @@ const audioOptions: MuseumGuideAudioOption[] = [
]
describe('guide audio options', () => {
it('parses directly playable audio options from stop-info', () => {
const stopInfo = toGuideStopInfo({
available: true,
targetType: 'STOP',
targetId: '100',
lang: 'zh-CN',
title: '测试讲解',
audioStatus: 'READY',
audioOptionCount: 5,
audioOptions: audioOptions.map((option) => ({
...option,
duration: 120
}))
}, {
targetType: 'STOP',
targetId: '100',
lang: 'zh-CN'
})
expect(stopInfo.audioOptions).toHaveLength(5)
expect(stopInfo.audioOptions[1]).toMatchObject({
channelCode: 'standard.zh-CN.male',
languageCode: 'zh-CN',
gender: 'male',
playUrl: '/audio/zh-male.mp3',
duration: 120
})
expect(stopInfo.supportedLanguages).toEqual(['zh-CN', 'en-US', 'yue-HK'])
})
it('keeps tabs in Chinese, English, Cantonese order and defaults Chinese and English to male', () => {
expect(GUIDE_AUDIO_LANGUAGE_OPTIONS.map((option) => option.value)).toEqual([
'zh-CN',

View File

@@ -1,137 +1,67 @@
import { describe, expect, it } from 'vitest'
import { toGuideStopInfo } from '@/data/adapters/guideStopInfoAdapter'
import { toGuideStopDetail } from '@/data/adapters/guideStopInfoAdapter'
describe('guide stop-info adapter', () => {
it('normalizes aggregated language variants and exposes only displayable languages', () => {
const result = toGuideStopInfo({
available: true,
targetType: 'STOP',
targetId: '9001',
lang: 'zh-CN',
const languages = ['zh-CN', 'en-US', 'yue-HK'] as const
describe('unified guide stop detail adapter', () => {
it('preserves snowflake IDs, synthesizes stable track codes, and ignores images marked missing', () => {
const textVariants = languages.map((languageCode) => ({
version: 'standard',
languageCode,
text: `standard-${languageCode}`
}))
const audioTracks = languages.flatMap((languageCode) => (
languageCode === 'yue-HK'
? [{ version: 'standard', languageCode, gender: 'female', playUrl: `/standard-${languageCode}-female.mp3` }]
: ['female', 'male'].map((gender) => ({ version: 'standard', languageCode, gender, playUrl: `/standard-${languageCode}-${gender}.mp3` }))
))
const detail = toGuideStopDetail({
id: '865546647764037632',
version: 'standard',
outlineId: '7467940240901013505',
linkedExhibits: [{ id: '865546647764037633', name: '关联展品' }],
name: '青铜神树',
coverImageUrl: '/should-not-be-used.webp',
galleryUrls: '["/should-not-be-used-gallery.webp"]',
imageStatus: 'MISSING',
recommendedTrackCode: 'standard.zh-CN.female',
textVariants,
audioTracks,
textVariantCount: 3,
audioTrackCount: 5
})
expect(detail.id).toBe('865546647764037632')
expect(detail.version).toBe('standard')
expect(detail.outlineId).toBe('7467940240901013505')
expect(detail.linkedExhibits[0]?.id).toBe('865546647764037633')
expect(detail.coverImageUrl).toBeUndefined()
expect(detail.galleryUrls).toEqual([])
expect(detail.textVariants).toHaveLength(3)
expect(detail.audioTracks).toHaveLength(5)
expect(detail.recommendedTrackCode).toBe('standard.zh-CN.female')
expect(detail.audioTracks.find((track) => track.channelCode === 'standard.zh-CN.female')?.playUrl)
.toBe('/standard-zh-CN-female.mp3')
})
it('drops unusable tracks while retaining a Chinese text variant for Cantonese fallback', () => {
const detail = toGuideStopDetail({
id: 'stop-1',
version: 'extended',
name: '测试',
imageStatus: 'READY',
coverImageUrl: '/museum-assets/cover.webp',
languageVariants: [
{
lang: 'zh',
enabled: true,
playable: true,
audioStatus: 'READY',
playUrl: '/museum-assets/audio/zh.mp3',
duration: '50',
audioId: 12,
hasText: true,
textAvailable: true,
text: '普通话讲解词',
textLength: '6',
textHash: 'zh-hash'
},
{
lang: 'yue-HK',
enabled: true,
playable: false,
audioStatus: 'MISSING',
textAvailable: true,
text: '粤语使用普通话文案',
reason: 'NO_PUBLISHED_AUDIO'
},
{
lang: 'en-US',
enabled: false,
playable: true,
playUrl: '/museum-assets/audio/en.mp3'
}
textVariants: [{ version: 'extended', languageCode: 'zh-CN', text: '普通话正文' }],
audioTracks: [
{ version: 'extended', languageCode: 'yue-HK', gender: 'female', playUrl: '/cantonese.mp3' },
{ version: 'extended', languageCode: 'zh-CN', gender: 'female' }
]
}, {
targetType: 'STOP',
targetId: '9001',
lang: 'zh-CN'
})
expect(result.supportedLanguages).toEqual(['zh-CN', 'yue-HK'])
expect(result.languageVariants['zh-CN']).toMatchObject({
playable: true,
playUrl: '/museum-assets/audio/zh.mp3',
duration: 50,
audioId: '12',
text: '普通话讲解词',
textLength: 6
})
expect(result.languageVariants['yue-HK']).toMatchObject({
playable: false,
textAvailable: true,
reason: 'NO_PUBLISHED_AUDIO'
})
})
it('keeps supportedLanguages as the compatibility fallback when variants are absent', () => {
const result = toGuideStopInfo({
supportedLanguages: ['zh-CN', 'en-US']
}, {
targetType: 'STOP',
targetId: '9001',
lang: 'zh-CN'
})
expect(result.supportedLanguages).toEqual(['zh-CN', 'en-US'])
expect(result.languageVariants).toEqual({})
})
it('uses playable audio options as the primary language and voice contract', () => {
const result = toGuideStopInfo({
supportedLanguages: ['zh-CN', 'yue-HK'],
audioOptions: [
{
channelCode: 'standard.zh-CN.male',
displayName: '普通话男声',
languageCode: 'zh-CN',
gender: 'male',
playUrl: '/museum-assets/audio/zh-male.mp3',
duration: '51',
isDefault: false,
sortOrder: 11
},
{
channelCode: 'standard.en-US.female',
displayName: '英文女声',
languageCode: 'en-US',
gender: 'female',
playUrl: '/museum-assets/audio/en-female.mp3',
duration: 49,
isDefault: true,
sortOrder: 20
},
{
channelCode: 'standard.zh-CN.female',
displayName: '普通话女声',
languageCode: 'zh-CN',
gender: 'female',
playUrl: '/museum-assets/audio/zh-female.mp3',
isDefault: true,
sortOrder: 10
},
{
channelCode: 'invalid',
languageCode: 'zh-CN',
gender: 'female'
}
]
}, {
targetType: 'STOP',
targetId: '9001',
lang: 'zh-CN'
})
expect(result.supportedLanguages).toEqual(['zh-CN', 'en-US'])
expect(result.audioOptions.map((option) => option.channelCode)).toEqual([
'standard.zh-CN.female',
'standard.zh-CN.male',
'standard.en-US.female'
])
expect(result.audioOptions[0]).toMatchObject({
displayName: '普通话女声',
gender: 'female',
playUrl: '/museum-assets/audio/zh-female.mp3',
isDefault: true
})
expect(detail.version).toBe('extended')
expect(detail.textVariants[0]?.text).toBe('普通话正文')
expect(detail.audioTracks).toEqual([expect.objectContaining({
channelCode: 'extended.yue-HK.female',
gender: 'female'
})])
})
})

View File

@@ -0,0 +1,37 @@
import { beforeEach, describe, expect, it, vi } from 'vitest'
import { explainUseCase } from '@/usecases/explainUseCase'
import { PoiDetailUseCase } from '@/usecases/poiDetailUseCase'
vi.mock('@/usecases/explainUseCase', () => ({
explainUseCase: {
getExhibitById: vi.fn(),
listHalls: vi.fn()
}
}))
describe('PoiDetailUseCase', () => {
beforeEach(() => {
vi.mocked(explainUseCase.getExhibitById).mockReset()
})
it('resolves a POI exhibit reference to a guide stop before opening the unified detail route', async () => {
vi.mocked(explainUseCase.getExhibitById).mockResolvedValue({
id: 'stop-865546647764037632',
resolvedStopId: '865546647764037632'
} as never)
const target = await new PoiDetailUseCase().resolve({
id: 'poi-1',
name: '青铜神树',
floorId: 'floor-1',
exhibitId: 'exhibit-1'
})
const params = new URLSearchParams(target.url.split('?')[1])
expect(explainUseCase.getExhibitById).toHaveBeenCalledWith('exhibit-1')
expect(target.detailId).toBe('865546647764037632')
expect(target.stopId).toBe('865546647764037632')
expect(params.get('id')).toBe('exhibit-1')
expect(params.get('stopId')).toBe('865546647764037632')
})
})

View File

@@ -12,6 +12,20 @@ describe('normalizeSameOriginPublicUrl', () => {
)).toBe('/app-api/gis/sdk/minio/museum-assets/guide-final/E2/detail.jpg')
})
it('rewrites legacy absolute media and proxy URLs without embedding their host', () => {
expect(normalizeSameOriginPublicUrl(
'http://172.20.14.21:9000/museum-assets/guide-final/E2/detail.jpg'
)).toBe('/app-api/gis/sdk/minio/museum-assets/guide-final/E2/detail.jpg')
expect(normalizeSameOriginPublicUrl(
'http://172.20.14.21:48080/yudao-server/app-api/gis/guide?stopId=1'
)).toBe('/yudao-server/app-api/gis/guide?stopId=1')
expect(normalizeSameOriginPublicUrl(
'http://172.20.14.21:19000/nhm/audio/guide.mp3'
)).toBe('/nhm/audio/guide.mp3')
})
it('keeps ordinary relative paths unchanged', () => {
expect(normalizeSameOriginPublicUrl('/static/placeholder.png'))
.toBe('/static/placeholder.png')