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).
     

Der Leitfaden für Laien zum Einstieg in die KI

Hilft Ihnen, die Nutzung von KI-Tools kostengünstig und von Null an zu erlernen.KI ist, wie Bürosoftware, eine wesentliche Fähigkeit für jeden. Die Beherrschung von KI verschafft Ihnen einen Vorteil bei der Stellensuche und die Hälfte des Aufwands bei Ihrer zukünftigen Arbeit und Ihrem Studium.

Details ansehen>