Skip to content

截图刷新

功能用途

截图脚本会登录 demo 账号,访问当前前端页面,并把主要功能截图输出到 public/images/features/。文档页直接引用这些稳定文件名。

准备工作

在仓库根目录准备后端数据:

bash
make demo-enterprise-data

启动后端和 PC 前端:

bash
make server
cd frontend/pc
pnpm run dev

刷新截图:

bash
cd frontend/help-docs
pnpm run screenshots

默认账号

角色环境变量默认值
普通用户XIAOBAO_SCREENSHOT_USER_EMAILdemo-user@xiaobao.local
企业管理员XIAOBAO_SCREENSHOT_ENTERPRISE_EMAILdemo-admin@xiaobao.local

密码可以通过 XIAOBAO_SCREENSHOT_USER_PASSWORDXIAOBAO_SCREENSHOT_ENTERPRISE_PASSWORD 覆盖。

可配置地址

环境变量默认值用途
XIAOBAO_PC_BASE_URLhttp://127.0.0.1:5174PC 前端地址
XIAOBAO_SCREENSHOT_DIRpublic/images/features截图输出目录
XIAOBAO_SCREENSHOT_HEADLESStrue是否使用无头浏览器
XIAOBAO_SCREENSHOT_GROUPSpublic,user,enterprise按分组刷新截图

脚本会遮挡密码输入框,并在截图前等待页面稳定。遇到服务未启动、账号缺失或登录失败时,脚本会输出失败页面名称,方便快速补环境。

面向客户演示、新人接手和内部培训的产品帮助文档。