跳到主要内容

员工前台(SayClaw Portal)

概述

Portal 是面向公司员工的 C 端访问入口。员工登录后,使用管理员分配的 OpenClaw 实例进行 AI 对话。

两套用户体系

体系入口权限
管理员admin_usersadmin.sayclaw.ai管理服务器、容器、实例、Portal 用户
Portal 用户usersapp.sayclaw.ai查看并使用自己的 OpenClaw 实例

实例分配模型

管理员在后台:选择 OC 实例 → 分配给指定员工 员工在前台:查看我的实例 → 点击 → 打开 WebChat

数据库映射:

  • → → → → iwelle

Portal 前端技术栈

技术
框架Vue 3 + TypeScript + Vite
UIshadcn/vue
Chat 窗口OpenClaw WebChat iframe
认证Google OAuth(同 admin,独立 JWT)
域名app.sayclaw.ai
APIportal-api(https://portal-api.sayclaw.ai)

Portal 页面

页面说明
登录Google OAuth + 账号密码
我的工作台实例卡片列表(管理员分配的实例)
Chat 页面选中实例后打开 OpenClaw WebChat iframe
使用记录本月 token 用量、对话历史
个人设置修改名称、语言偏好

Admin 后台:Portal 用户管理

管理员在 的新增页面:

功能说明
Portal 用户列表查看所有员工账号及状态
新增 Portal 用户填写邮箱、姓名,发送邀请
停用账号软删除,立即禁止登录
分配实例选择员工 → 选择 OC 实例 → 确认分配
查看用量该员工本月 token 消耗

Portal API(portal-api)

路径前缀:

接口说明
POST /auth/login账号密码登录
GET /auth/googleGoogle OAuth 入口
GET /auth/google/callbackOAuth 回调 → JWT
GET /me当前用户信息
GET /me/instances我被分配的 OC 实例列表
GET /me/usage使用量(今日 / 本月 token)
GET /me/history对话历史摘要

开发进度

里程碑状态
用户体系设计(两套)✅ 已确认
实例分配模型✅ 已确认
Portal 前端初始化📋 待开发
Portal 登录页📋 待开发
我的实例 + WebChat📋 待开发
portal-api 实现📋 待开发
Admin 后台:Portal 用户管理页📋 待开发
Admin 后台:实例分配功能📋 待开发
app.sayclaw.ai DNS + Nginx + SSL📋 待开发