Clawdbot AI 助手的網頁介面，用於控制、網頁聊天和管理。了解如何設定和使用網頁 UI。

Clawdbot 網頁介面概覽

Clawdbot 提供基於網頁的介面，用於與您的 AI 助手互動和管理。透過瀏覽器存取您的助手、嵌入聊天小工具並監控閘道器狀態。

網頁元件

控制介面

用於閘道器管理的網頁儀表板：

會話監控
代理配置
即時日誌
連接狀態

了解更多關於控制介面

網頁聊天

可嵌入網站的聊天小工具：

透過瀏覽器與您的助手聊天
可自訂外觀
會話持久化

了解更多關於網頁聊天

快速開始

啟用網頁伺服器

{
  "web": {
    "enabled": true,
    "port": 3080,
    "host": "localhost"
  }
}

使用網頁 UI 啟動

clawdbot gateway start --web

存取介面

介面	網址
控制介面	`http://localhost:3080`
網頁聊天	`http://localhost:3080/chat`
API 文件	`http://localhost:3080/docs`

配置

網頁伺服器設定

{
  "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 控制介面 - 儀表板指南
Clawdbot 網頁聊天 - 聊天小工具設定
Clawdbot 閘道器 - 閘道器配置

Clawdbot 網頁介面

On this page