AI Chat Widget — 本地静态页测试

必做：在管理台该挂件密钥的「允许域名」中加入你打开本页的完整来源，例如 （http://localhost:3456 与 http://127.0.0.1:3456 算不同来源，需分别加或只固定用一种地址打开）。

API：本页默认连接线上 Worker；若 CSP 过严，需允许 connect-src 到该域名，并允许 Turnstile：https://challenges.cloudflare.com。

Turnstile：若控制台报 turnstileSiteKey missing，说明 GET /v1/widget/embed-config 没返回 site key（常见：embed-config 仍 403；或管理台该密钥未填 Site Key、Worker 也未设 TURNSTILE_SITE_KEY）。可在下方 turnstileSiteKey 填 Cloudflare 控制台里的 站点密钥（公开） 做本地联调；生产应以后台/嵌入配置下发为准。

① Script 注入（loader.js）

右下角应出现 💬；点开可走 Turnstile → session → 流式对话。

正在插入脚本…

② Iframe（embed.html）

parentOrigin 已设为当前页来源，便于 postMessage 控制开关。

③ 生产嵌入片段（widget.css + ai-chat-widget.min.js + init）

整段粘贴到业务站点每个页面 </body> 之前。内容由下方脚本根据 __WIDGET_TEST_CONFIG 的 embedCdnBase、apiBase、publicKey、primaryColor（及可选 botId）生成；线上请改为你的真实 Pages / Worker 域名。