Clawdbot Web 界面
Clawdbot AI 助手 Web 界面用于控制、网页聊天和管理。了解如何设置和使用 Web UI。
Clawdbot Web 界面概述
Clawdbot 提供基于 Web 的界面用于与 AI 助手交互和管理。通过浏览器访问您的助手，嵌入聊天小部件，监控网关状态。
Web 组件
控制 UI
用于网关管理的 Web 仪表板：
- 会话监控
- 代理配置
- 实时日志
- 连接状态
Webchat
可嵌入网站的聊天小部件：
- 通过浏览器与助手聊天
- 可自定义外观
- 会话持久化
快速开始
启用 Web 服务器
{
"web": {
"enabled": true,
"port": 3080,
"host": "localhost"
}
}启动带 Web UI
clawdbot gateway start --web访问界面
| 界面 | URL |
|---|---|
| 控制 UI | http://localhost:3080 |
| Webchat | http://localhost:3080/chat |
| API 文档 | http://localhost:3080/docs |
配置
Web 服务器设置
{
"web": {
"enabled": true,
"port": 3080,
"host": "0.0.0.0",
"cors": {
"enabled": true,
"origins": ["https://yourdomain.com"]
}
}
}认证
{
"web": {
"auth": {
"enabled": true,
"type": "basic",
"username": "admin",
"password": "your-password"
}
}
}安全性
HTTPS
{
"web": {
"https": {
"enabled": true,
"cert": "/path/to/cert.pem",
"key": "/path/to/key.pem"
}
}
}访问控制
{
"web": {
"access": {
"allowedIPs": ["192.168.1.0/24"],
"rateLimit": {
"enabled": true,
"requests": 100,
"window": 60000
}
}
}
}反向代理
Nginx 示例
server {
listen 443 ssl;
server_name clawdbot.yourdomain.com;
location / {
proxy_pass http://localhost:3080;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
proxy_set_header Host $host;
}
}下一步
- Clawdbot 控制 UI - 仪表板指南
- Clawdbot Webchat - 聊天小部件设置
- Clawdbot 网关 - 网关配置