feat: 实现前端认证系统,WebSocket 连接携带 JWT token

- 新增 AuthContext/AuthProvider:登录/注册状态管理,JWT 自动刷新
- 新增 AuthPage 组件:登录/注册表单,支持模式切换和前端校验
- 新增 api.ts:封装 auth REST API 客户端(register/login/refresh/logout)
- WebSocket 连接时拼接 ?token=<jwt>,重连自动携带
- useVisionSession 接受 accessToken 参数并透传
- App.tsx 包裹 AuthProvider,未登录时显示登录页
- storage.ts 新增 token/user 的 localStorage 存储
- i18n 新增中/英/日三语 auth 翻译
- App.css 新增 auth 页面和用户 badge 样式
This commit is contained in:
2026-06-14 18:38:45 +08:00
parent a1ae7740f1
commit 8de956719c
12 changed files with 808 additions and 12 deletions

View File

@@ -130,4 +130,19 @@ export const jaJP: TranslationMap = {
"error.vadInit": "VAD初期化に失敗しました",
"error.cameraAccess": "カメラにアクセスできません",
"error.micAccess": "マイクにアクセスできません",
// Auth
"auth.subtitle": "AI ビジョンアシスタント",
"auth.login": "ログイン",
"auth.register": "新規登録",
"auth.username": "ユーザー名",
"auth.username.placeholder": "3〜64文字",
"auth.password": "パスワード",
"auth.password.placeholder": "8〜72文字",
"auth.submitting": "お待ちください...",
"auth.noAccount": "アカウントをお持ちでないですか?",
"auth.hasAccount": "すでにアカウントをお持ちですか?",
"auth.error.usernameLength": "ユーザー名は3〜64文字で入力してください",
"auth.error.passwordLength": "パスワードは8〜72文字で入力してください",
"auth.logout": "ログアウト",
};