chatbot ui
1.0.0
L'application de chat IA open source pour tout le monde.
Regardez la dernière démo ici.
Salut tout le monde ! J'ai entendu vos commentaires et je travaille dur sur une grosse mise à jour.
Des éléments tels qu'un déploiement plus simple, une meilleure compatibilité back-end et des mises en page mobiles améliorées sont en cours.
Revenez bientôt.
- McKay
Utilisez l'interface utilisateur de Chatbot sans avoir à l'héberger vous-même !
Trouvez la version hébergée officielle de Chatbot UI ici.
Si vous trouvez l'interface utilisateur de Chatbot utile, pensez à me sponsoriser pour soutenir mon travail open source :)
Nous limitons les « Problèmes » aux problèmes réels liés à la base de code.
Nous recevons un nombre excessif de problèmes qui se résument à des éléments tels que des demandes de fonctionnalités, des problèmes de fournisseur de cloud, etc.
Si vous rencontrez des problèmes avec des éléments tels que la configuration, veuillez vous référer à la section « Aide » dans l'onglet « Discussions » ci-dessus.
Les problèmes sans rapport avec la base de code seront probablement résolus immédiatement.
Nous vous encourageons vivement à participer à l'onglet « Discussions » ci-dessus !
Les discussions sont un excellent endroit pour poser des questions, partager des idées et obtenir de l'aide.
Il y a de fortes chances que si vous avez une question, quelqu'un d'autre ait la même question.
L'interface utilisateur de Chatbot a été récemment mise à jour vers sa version 2.0.
Le code pour 1.0 peut être trouvé sur la branche legacy .
Dans votre terminal à la racine de votre référentiel Chatbot UI local, exécutez :
npm run updateSi vous exécutez une instance hébergée, vous devrez également exécuter :
npm run db-pushpour appliquer les dernières migrations à votre base de données en direct.
Suivez ces étapes pour exécuter votre propre instance d’interface utilisateur Chatbot localement.
Vous pouvez regarder le didacticiel vidéo complet ici.
git clone https://github.com/mckaywrigley/chatbot-ui.gitOuvrez un terminal dans le répertoire racine de votre référentiel Chatbot UI local et exécutez :
npm installAuparavant, nous utilisions le stockage local du navigateur pour stocker les données. Cependant, cette solution n'était pas une bonne solution pour plusieurs raisons :
Nous utilisons maintenant Supabase parce qu'il est facile à utiliser, qu'il est open source, qu'il est Postgres et qu'il propose un niveau gratuit pour les instances hébergées.
Nous soutiendrons d'autres fournisseurs à l'avenir pour vous offrir plus d'options.
Vous devrez installer Docker pour exécuter Supabase localement. Vous pouvez le télécharger ici gratuitement.
MacOS/Linux
brew install supabase/tap/supabaseFenêtres
scoop bucket add supabase https://github.com/supabase/scoop-bucket.git
scoop install supabaseDans votre terminal à la racine de votre référentiel Chatbot UI local, exécutez :
supabase startDans votre terminal à la racine de votre référentiel Chatbot UI local, exécutez :
cp .env.local.example .env.localObtenez les valeurs requises en exécutant :
supabase status Remarque : utilisez API URL à partir supabase status pour NEXT_PUBLIC_SUPABASE_URL
Accédez maintenant à votre fichier .env.local et remplissez les valeurs.
Si la variable d'environnement est définie, elle désactivera la saisie dans les paramètres utilisateur.
Dans le 1er fichier de migration supabase/migrations/20240108234540_setup.sql vous devrez remplacer 2 valeurs par les valeurs que vous avez obtenues ci-dessus :
project_url (ligne 53) : http://supabase_kong_chatbotui:8000 (par défaut) peut rester inchangé si vous ne modifiez pas votre project_id dans le fichier config.tomlservice_role_key (ligne 54) : vous avez obtenu cette valeur en exécutant supabase statusCela évite les problèmes de suppression correcte des fichiers de stockage.
Suivez les instructions ici.
Dans votre terminal à la racine de votre référentiel Chatbot UI local, exécutez :
npm run chatVotre instance locale de l'interface utilisateur de Chatbot devrait maintenant s'exécuter sur http://localhost:3000. Assurez-vous d'utiliser une version de nœud compatible (c'est-à-dire v18).
Vous pouvez afficher votre interface graphique backend sur http://localhost:54323/project/default/editor.
Suivez ces étapes pour exécuter votre propre instance d’interface utilisateur Chatbot dans le cloud.
Tutoriel vidéo à venir.
Répétez les étapes 1 à 4 dans « Démarrage rapide local » ci-dessus.
Vous aurez besoin de référentiels distincts pour vos instances locales et hébergées.
Créez un nouveau référentiel pour votre instance hébergée de Chatbot UI sur GitHub et transférez-y votre code.
Accédez à Supabase et créez un nouveau projet.
Une fois que vous êtes dans le tableau de bord du projet, cliquez sur l'onglet de l'icône « Paramètres du projet » tout en bas à gauche.
Ici, vous obtiendrez les valeurs des variables d'environnement suivantes :
Project Ref : Trouvé dans "Paramètres généraux" comme "ID de référence"
Project ID : Trouvé dans l'URL du tableau de bord de votre projet (Ex : https://supabase.com/dashboard/project/<YOUR_PROJECT_ID>/settings/general)
Toujours dans "Paramètres", cliquez sur l'onglet de texte "API" à gauche.
Ici, vous obtiendrez les valeurs des variables d'environnement suivantes :
Project URL : trouvée dans "Paramètres API" en tant que "URL du projet"
Anon key : trouvée dans "Clés API du projet" en tant que "anon publique"
Service role key : trouvée dans "Clés API du projet" sous le nom "service_role" (Rappel : traitez-la comme un mot de passe !)
Ensuite, cliquez sur l'onglet icône « Authentification » à l'extrême gauche.
Dans les onglets de texte, cliquez sur « Fournisseurs » et assurez-vous que « E-mail » est activé.
Nous vous recommandons de désactiver « Confirmer l'e-mail » pour votre propre instance personnelle.
Ouvrez votre référentiel pour votre instance hébergée de Chatbot UI.
Dans le 1er fichier de migration supabase/migrations/20240108234540_setup.sql vous devrez remplacer 2 valeurs par les valeurs que vous avez obtenues ci-dessus :
project_url (ligne 53) : utilisez la valeur Project URL ci-dessusservice_role_key (ligne 54) : utilisez la valeur Service role key ci-dessusMaintenant, ouvrez un terminal dans le répertoire racine de votre référentiel Chatbot UI local. Nous allons exécuter quelques commandes ici.
Connectez-vous à Supabase en exécutant :
supabase loginEnsuite, liez votre projet en exécutant la commande suivante avec l'« ID de projet » que vous avez obtenu ci-dessus :
supabase link --project-ref < project-id >Votre projet devrait maintenant être lié.
Enfin, transférez votre base de données vers Supabase en exécutant :
supabase db pushVotre base de données hébergée devrait maintenant être configurée !
Allez sur Vercel et créez un nouveau projet.
Dans la page de configuration, importez votre référentiel GitHub pour votre instance hébergée de Chatbot UI. Dans les paramètres du projet, dans la section « Paramètres de construction et de développement », basculez Framework Preset sur « Next.js ».
Dans les variables d'environnement, ajoutez les éléments suivants à partir des valeurs que vous avez obtenues ci-dessus :
NEXT_PUBLIC_SUPABASE_URLNEXT_PUBLIC_SUPABASE_ANON_KEYSUPABASE_SERVICE_ROLE_KEYNEXT_PUBLIC_OLLAMA_URL (nécessaire uniquement lors de l'utilisation de modèles Ollama locaux ; par défaut : http://localhost:11434 )Vous pouvez également ajouter des clés API en tant que variables d'environnement.
OPENAI_API_KEYAZURE_OPENAI_API_KEYAZURE_OPENAI_ENDPOINTAZURE_GPT_45_VISION_NAMEPour la liste complète des variables d'environnement, reportez-vous au fichier « .env.local.example ». Si les variables d'environnement sont définies pour les clés API, cela désactivera la saisie dans les paramètres utilisateur.
Cliquez sur "Déployer" et attendez que votre interface soit déployée.
Une fois déployé, vous devriez pouvoir utiliser votre instance hébergée de l'interface utilisateur Chatbot via l'URL que Vercel vous donne.
Nous travaillons sur un guide de contribution.
Message à Mckay sur Twitter/X
