Clawdbot Web-Oberfläche

Clawdbot KI-Assistent Web-Oberflächen für Steuerung, Webchat und Administration. Erfahren Sie, wie Sie die Web-UI einrichten und verwenden.

Clawdbot Web-Oberfläche Übersicht

Clawdbot bietet webbasierte Oberflächen zur Interaktion mit und Verwaltung Ihres KI-Assistenten. Greifen Sie über Browser auf Ihren Assistenten zu, betten Sie Chat-Widgets ein und überwachen Sie den Gateway-Status.

Web-Komponenten

Control UI

Webbasiertes Dashboard für die Gateway-Verwaltung:

  • Sitzungsüberwachung
  • Agentenkonfiguration
  • Echtzeit-Protokolle
  • Verbindungsstatus

Mehr über die Control UI erfahren

Webchat

Einbettbares Chat-Widget für Websites:

  • Chatten Sie über den Browser mit Ihrem Assistenten
  • Anpassbares Erscheinungsbild
  • Sitzungspersistenz

Mehr über Webchat erfahren

Schnellstart

Web-Server aktivieren

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

Mit Web-UI starten

clawdbot gateway start --web

Auf Oberflächen zugreifen

OberflächeURL
Control UIhttp://localhost:3080
Webchathttp://localhost:3080/chat
API-Dokumentationhttp://localhost:3080/docs

Konfiguration

Web-Server-Einstellungen

{
  "web": {
    "enabled": true,
    "port": 3080,
    "host": "0.0.0.0",
    "cors": {
      "enabled": true,
      "origins": ["https://yourdomain.com"]
    }
  }
}

Authentifizierung

{
  "web": {
    "auth": {
      "enabled": true,
      "type": "basic",
      "username": "admin",
      "password": "your-password"
    }
  }
}

Sicherheit

HTTPS

{
  "web": {
    "https": {
      "enabled": true,
      "cert": "/path/to/cert.pem",
      "key": "/path/to/key.pem"
    }
  }
}

Zugriffskontrolle

{
  "web": {
    "access": {
      "allowedIPs": ["192.168.1.0/24"],
      "rateLimit": {
        "enabled": true,
        "requests": 100,
        "window": 60000
      }
    }
  }
}

Reverse Proxy

Nginx-Beispiel

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;
    }
}

Nächste Schritte