Chatbot UI: eine quelloffene KI-Chat-App, die die Oberfläche und Funktionalität von ChatGPT nachahmt

Allgemeine Einführung

Chatbot UI ist ein Open-Source-Projekt, das Entwicklern helfen soll, personalisierte und intelligente Konversationsschnittstellen zu erstellen. Das Projekt bietet eine Reihe von Schnittstellenkomponenten und interaktiven Funktionen, die leicht in das bestehende Chatbot-System integriert werden können, um den Nutzern ein flüssigeres und intelligenteres Dialogerlebnis zu bieten.Chatbot UI basiert auf der MIT-Lizenz und unterstützt eine Vielzahl von KI-Modell-Integration mit einem sauberen UI-Design und einfach zu implementieren. Basierend auf dem mckaywrigley/chatbot-ui Projekt auf GitHub, können Sie es einfach einsetzen und verwenden und unterstützt auch die Optimierung des mobilen Layouts.

Funktionsliste

• Bietet eine Vielzahl von Schnittstellenkomponenten
• Unterstützung für die Integration mehrerer AI-Modelle
• Einfaches UI-Design
• Einfache Bereitstellung und Integration
• Unterstützt mehrere Konten und SSO-Authentifizierung
• Erweiterbares Plug-in-System

Hilfe verwenden

Ablauf der Installation

1. Klon-Lager::

   git klonen. https://github.com/mckaywrigley/chatbot-ui.git
   

2. Installation von Abhängigkeiten::

   npm-Installation
   

3. Erweiterung hinzufügen: Aktivieren Sie die Erweiterungen nach Bedarf, indem Sie die Anweisungen in der README-Datei befolgen.
4. Ausführen der Anwendung: Lokaler Betrieb:

   npm run dev
   

   oder mit Docker ausführen:

   docker build -t chatbot-ui .
   docker run --env-file=.env.local -p 3000:3000 --name chatbot chatbot-ui
   

Anweisungen für den Gebrauch

1. Konfigurieren des API-Schlüssels: Erstellen einer.env.localDatei und richten Sie sie ein:

   OPENAI_API_KEY=IHR_SCHLÜSSEL
   

   Wenn der API-Schlüssel nicht verfügbar ist, muss der Nutzer seinen eigenen Schlüssel angeben.

2. Konfiguration der UmgebungsvariablenDie folgenden Umgebungsvariablen können bei der Bereitstellung der Anwendung gesetzt werden:
   • OPENAI_API_KEYStandard-API-Schlüssel für OpenAI-Authentifizierung
   • OPENAI_API_HOSTAlternative Hosts konfigurieren
   • OPENAI_ORGANISATION: Benennung von OpenAI-Organisationen
3. Funktion Betriebsablauf::
   • SchnittstellenkomponenteMit der mitgelieferten Komponentenbibliothek können Entwickler schnell Dialogschnittstellen erstellen.
   • ModellintegrationEine Vielzahl von KI-Modellen wird unterstützt, und die Benutzer können das richtige Modell für die Integration je nach ihren Bedürfnissen auswählen.
   • steckbares SystemErweiterte Funktionalität durch Plug-ins zur Erfüllung unterschiedlicher Geschäftsanforderungen.

Detaillierte Schritte

1. Verwendung der Schnittstellenkomponenten::
   • Importieren Sie die erforderlichen Komponenten:

     importieren { ChatKomponente } von 'chatbot-ui';
     

   • Verwendet in Anwendungen:

     <ChatKomponente model="gpt-3" />
     

2. Modellintegration::
   • Konfigurieren Sie die Modellparameter:

     const modelConfig = {
       Modell: 'gpt-3',
       apiKeyProzess.env.OPENAI_API_KEY,
     };
     

   • Initialisieren Sie das Modell:

     const chatModel = neu ChatModel(modelConfig).
     

3. steckbares System::
   • Installieren Sie das Plug-in:

     npm install @chatbot-ui/plugin-name
     

   • Konfigurieren Sie das Plug-in:

     importieren { Plugin } von @chatbot-ui/plugin-name'.;
     const pluginConfig = {
       Option1: 'Wert1',
       Option2: 'Wert2',
     };
     const Plugin = neu Plugin(pluginConfig).