Chatbot UI : une application de chat IA open-source qui imite l'interface et les fonctionnalités de ChatGPT

Introduction générale

Chatbot UI est un projet open source conçu pour aider les développeurs à créer des interfaces conversationnelles personnalisées et intelligentes. Le projet fournit une série de composants d'interface et de fonctionnalités interactives qui peuvent être facilement intégrés dans le système Chatbot existant pour fournir aux utilisateurs une expérience de dialogue plus fluide et plus intelligente. Chatbot UI est basé sur la licence MIT et prend en charge une variété d'intégration de modèles d'IA avec un design d'interface propre et facile à déployer. Basé sur le projet mckaywrigley/chatbot-ui sur GitHub, vous pouvez facilement le déployer et l'utiliser, et il prend également en charge l'optimisation de la mise en page mobile.

Liste des fonctions

• Fournit une variété de composants d'interface
• Prise en charge de l'intégration de plusieurs modèles d'IA
• Conception simple de l'interface utilisateur
• Facile à déployer et à intégrer
• Prise en charge de comptes multiples et de l'authentification SSO
• Système de plug-in extensible

Utiliser l'aide

Processus d'installation

1. entrepôt de clones: :

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

2. Installation des dépendances: :

   npm install
   

3. Ajouter une extensionActivation des extensions : Activez les extensions si nécessaire, en suivant les instructions du fichier README.
4. Exécution de l'application: Fonctionnement local :

   npm run dev
   

   ou l'exécuter avec Docker :

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

Mode d'emploi

1. Configuration de la clé API: Créer un.env.localet le mettre en place :

   OPENAI_API_KEY=YOUR_KEY
   

   Si la clé API n'est pas disponible, l'utilisateur doit fournir sa propre clé.

2. Configuration des variables d'environnementLes variables d'environnement suivantes peuvent être définies lors du déploiement de l'application :
   • OPENAI_API_KEYClé API par défaut pour l'authentification OpenAI
   • OPENAI_API_HOSTConfiguration d'hôtes alternatifs : Configurer des hôtes alternatifs
   • OPENAI_ORGANIZATIONDésignation d'organisations de l'OpenAI : Désignation d'organisations de l'OpenAI
3. Fonction Opération Déroulement: :
   • composant d'interfaceLa bibliothèque de composants fournie permet aux développeurs de créer rapidement des interfaces de dialogue.
   • l'intégration du modèleLes utilisateurs peuvent choisir le modèle d'intégration qui leur convient le mieux en fonction de leurs besoins.
   • système enfichableFonctionnalités étendues grâce à des modules d'extension pour répondre aux différents besoins des entreprises.

Étapes détaillées

1. Interface Utilisation des composants: :
   • Importer les composants nécessaires :

     import { ChatComponent } from 'chatbot-ui';
     

   • Utilisé dans les applications :

     <ChatComponent model="gpt-3" />
     

2. l'intégration du modèle: :
   • Configurer les paramètres du modèle :

     const modelConfig = {
       model: 'gpt-3',
       apiKey: process.env.OPENAI_API_KEY,
     };
     

   • Initialiser le modèle :

     const chatModel = new ChatModel(modelConfig);
     

3. système enfichable: :
   • Installer le plug-in :

     npm install @chatbot-ui/plugin-name
     

   • Configurer le plug-in :

     import { Plugin } from '@chatbot-ui/plugin-name';
     const pluginConfig = {
       option1: 'value1',
       option2: 'value2',
     };
     const plugin = new Plugin(pluginConfig);