25a608eaeb
后端： 1. 登录注册补齐极验行为验证与跨域入口：gateway 新增 `/user/captcha/register`，登录/注册先做 GeeTest 初始化与二次校验，再进入 user/auth RPC；补充验证码失败/初始化失败/服务不可用响应码，并新增可配置 CORS middleware 适配分域部署。 2. 容器部署配置入口收口：`bootstrap.LoadConfig` 支持 `SMARTFLOW_CONFIG_FILE` 与环境变量覆盖，`config.example.yaml` / `config.docker.yaml` 补齐 geetest 与容器内服务地址，网关新增配置列表解析，便于 compose 场景直接挂载配置启动。 3. LLM outbox 与助手时间线稳定性修正：`cmd/llm` 显式绑定 llm 自身 topic/group，避免误入 agent consumer group；agent timeline 在 Redis 热缓存未落 MySQL 时改用 `seq` 兜底临时 id，避免前端历史回放撞 key。 前端： 4. 认证页接入极验并补齐提交前校验：新增 GeeTest 脚本加载与实例封装，登录/注册面板支持 challenge 初始化、切换面板重挂载、失败提示与提交前校验，认证 API/types 同步透传 geetest 三元组。 5. 前端部署基址与网关对接收口：Axios `baseURL`、Vue Router `history base` 与 Vite `base/dev proxy` 改为读取环境变量，新增 `frontend/.env.example`，支持子路径部署、容器内反向代理和本地联调共存。 6. 助手与工作台展示细节修正：AssistantPanel 历史重建优先使用真实 timeline id、缺失时退回 `seq` 保证消息主键唯一；首页主面板改为纵向可滚动并补底部留白，避免内容截断。 仓库： 7. 整站容器化交付链路补齐并重写说明文档：新增后端/前端 Dockerfile、`.dockerignore`、前端 Nginx 代理、`docker-compose.full.yml`、`.env.full.example` 与镜像打包/导入脚本，README 改写数据库/路由/部署章节，并新增 `docs/容器化部署说明.md` 说明离线镜像分发方案。
98 lines
2.9 KiB
TypeScript
98 lines
2.9 KiB
TypeScript
import type { GeeTestRegisterData, GeeTestValidateResult } from '@/types/api'
|
||
|
||
const GEETEST_SCRIPT_URL = 'https://static.geetest.com/static/tools/gt.js'
|
||
|
||
export interface GeeTestCaptchaInstance {
|
||
appendTo(element: string | HTMLElement): void
|
||
onReady(callback: () => void): void
|
||
onSuccess(callback: () => void): void
|
||
onError(callback: (error?: unknown) => void): void
|
||
getValidate(): GeeTestValidateResult | undefined
|
||
reset(): void
|
||
destroy?: () => void
|
||
}
|
||
|
||
interface GeeTestInitOptions extends GeeTestRegisterData {
|
||
product?: 'float' | 'popup' | 'custom'
|
||
width?: string
|
||
lang?: string
|
||
https?: boolean
|
||
}
|
||
|
||
type InitGeeTest = (
|
||
options: GeeTestInitOptions,
|
||
callback: (captcha: GeeTestCaptchaInstance) => void,
|
||
) => void
|
||
|
||
declare global {
|
||
interface Window {
|
||
initGeetest?: InitGeeTest
|
||
}
|
||
}
|
||
|
||
let scriptPromise: Promise<void> | null = null
|
||
|
||
// loadGeeTestScript 只负责把极验浏览器脚本加载进页面。
|
||
// 职责边界：
|
||
// 1. 负责去重加载，避免登录/注册切换时重复插入 script 标签；
|
||
// 2. 不负责初始化验证码实例，实例创建由 createGeeTestCaptcha 处理；
|
||
// 3. 若脚本拉取失败，直接抛错给上层 UI，由页面决定如何提示用户。
|
||
export async function loadGeeTestScript() {
|
||
if (typeof window === 'undefined') {
|
||
throw new Error('当前环境不支持加载极验脚本')
|
||
}
|
||
if (window.initGeetest) {
|
||
return
|
||
}
|
||
|
||
if (!scriptPromise) {
|
||
scriptPromise = new Promise<void>((resolve, reject) => {
|
||
const script = document.createElement('script')
|
||
script.src = GEETEST_SCRIPT_URL
|
||
script.async = true
|
||
script.defer = true
|
||
script.dataset.geetest = 'true'
|
||
script.onload = () => resolve()
|
||
script.onerror = () => reject(new Error('极验脚本加载失败'))
|
||
document.head.appendChild(script)
|
||
}).catch((error) => {
|
||
scriptPromise = null
|
||
throw error
|
||
})
|
||
}
|
||
|
||
await scriptPromise
|
||
if (!window.initGeetest) {
|
||
throw new Error('极验脚本加载完成，但初始化方法不可用')
|
||
}
|
||
}
|
||
|
||
// createGeeTestCaptcha 负责把后端返回的 challenge 转成一个可挂载到 DOM 的验证码实例。
|
||
// 职责边界：
|
||
// 1. 只负责 `initGeetest` 这一层包装，不关心表单提交逻辑；
|
||
// 2. 默认使用 `float + 100%`，保证验证码块可以稳定嵌入登录/注册按钮上方；
|
||
// 3. 返回值只暴露极验实例本身，验证结果仍由页面在提交前主动读取。
|
||
export async function createGeeTestCaptcha(registerData: GeeTestRegisterData) {
|
||
await loadGeeTestScript()
|
||
|
||
return new Promise<GeeTestCaptchaInstance>((resolve, reject) => {
|
||
const initGeetest = window.initGeetest
|
||
if (!initGeetest) {
|
||
reject(new Error('极验初始化方法不可用'))
|
||
return
|
||
}
|
||
|
||
initGeetest(
|
||
{
|
||
...registerData,
|
||
product: 'float',
|
||
width: '100%',
|
||
https: true,
|
||
},
|
||
(captcha) => {
|
||
resolve(captcha)
|
||
},
|
||
)
|
||
})
|
||
}
|