chatbot ui
1.0.0
O aplicativo de bate-papo com IA de código aberto para todos.
Veja a demonstração mais recente aqui.
Olá a todos! Ouvi seus comentários e estou trabalhando duro em uma grande atualização.
Coisas como implantação mais simples, melhor compatibilidade de back-end e layouts móveis aprimorados estão a caminho.
Volto em breve.
- Mckay
Use a UI do Chatbot sem ter que hospedá-lo você mesmo!
Encontre a versão oficial hospedada do Chatbot UI aqui.
Se você achar a UI do Chatbot útil, considere me patrocinar para apoiar meu trabalho de código aberto :)
Restringimos "Problemas" a problemas reais relacionados à base de código.
Estamos recebendo uma quantidade excessiva de problemas que envolvem solicitações de recursos, problemas com provedores de nuvem, etc.
Se você estiver tendo problemas com configurações, consulte a seção "Ajuda" na guia "Discussões" acima.
Problemas não relacionados à base de código provavelmente serão resolvidos imediatamente.
Recomendamos fortemente que você participe da aba "Discussões" acima!
As discussões são um ótimo lugar para fazer perguntas, compartilhar ideias e obter ajuda.
Provavelmente, se você tiver uma pergunta, outra pessoa terá a mesma pergunta.
A UI do Chatbot foi atualizada recentemente para sua versão 2.0.
O código para 1.0 pode ser encontrado no branch legacy .
Em seu terminal na raiz do repositório local da UI do Chatbot, execute:
npm run updateSe você executar uma instância hospedada, também precisará executar:
npm run db-pushpara aplicar as migrações mais recentes ao seu banco de dados ativo.
Siga estas etapas para que sua própria instância da UI do Chatbot seja executada localmente.
Você pode assistir ao tutorial em vídeo completo aqui.
git clone https://github.com/mckaywrigley/chatbot-ui.gitAbra um terminal no diretório raiz do repositório local da UI do Chatbot e execute:
npm installAnteriormente, usávamos o armazenamento local do navegador para armazenar dados. No entanto, esta não foi uma boa solução por alguns motivos:
Agora usamos o Supabase porque é fácil de usar, é de código aberto, é Postgres e tem um nível gratuito para instâncias hospedadas.
Apoiaremos outros fornecedores no futuro para lhe oferecer mais opções.
Você precisará instalar o Docker para executar o Supabase localmente. Você pode baixá-lo aqui gratuitamente.
MacOS/Linux
brew install supabase/tap/supabaseWindows
scoop bucket add supabase https://github.com/supabase/scoop-bucket.git
scoop install supabaseEm seu terminal na raiz do repositório local da UI do Chatbot, execute:
supabase startEm seu terminal na raiz do repositório local da UI do Chatbot, execute:
cp .env.local.example .env.localObtenha os valores necessários executando:
supabase status Nota: Use API URL do supabase status para NEXT_PUBLIC_SUPABASE_URL
Agora vá para o seu arquivo .env.local e preencha os valores.
Se a variável de ambiente estiver definida, ela desabilitará a entrada nas configurações do usuário.
No primeiro arquivo de migração supabase/migrations/20240108234540_setup.sql você precisará substituir 2 valores pelos valores obtidos acima:
project_url (linha 53): http://supabase_kong_chatbotui:8000 (padrão) pode permanecer inalterado se você não alterar seu project_id no arquivo config.tomlservice_role_key (linha 54): Você obteve esse valor executando supabase statusIsso evita problemas com arquivos de armazenamento que não são excluídos corretamente.
Siga as instruções aqui.
Em seu terminal na raiz do repositório local da UI do Chatbot, execute:
npm run chatSua instância local da UI do Chatbot agora deve estar em execução em http://localhost:3000. Certifique-se de usar uma versão de nó compatível (ou seja, v18).
Você pode visualizar sua GUI de back-end em http://localhost:54323/project/default/editor.
Siga estas etapas para ter sua própria instância de UI do Chatbot em execução na nuvem.
Tutorial em vídeo em breve.
Repita as etapas 1 a 4 em "Início rápido local" acima.
Você desejará repositórios separados para suas instâncias locais e hospedadas.
Crie um novo repositório para sua instância hospedada da UI do Chatbot no GitHub e envie seu código para ele.
Vá para Supabase e crie um novo projeto.
Quando estiver no painel do projeto, clique na guia do ícone "Configurações do projeto" no canto inferior esquerdo.
Aqui você obterá os valores para as seguintes variáveis de ambiente:
Project Ref : Encontrado em "Configurações gerais" como "ID de referência"
Project ID : encontrado na URL do painel do seu projeto (Ex: https://supabase.com/dashboard/project/<YOUR_PROJECT_ID>/settings/general)
Ainda em “Configurações”, clique na guia de texto “API” à esquerda.
Aqui você obterá os valores para as seguintes variáveis de ambiente:
Project URL : encontrado em "Configurações da API" como "URL do projeto"
Anon key : encontrada em "Chaves de API do projeto" como "pública anônima"
Service role key : encontrada em "Chaves de API do projeto" como "service_role" (Lembrete: trate isso como uma senha!)
Em seguida, clique na guia do ícone "Autenticação" na extremidade esquerda.
Nas abas de texto, clique em “Provedores” e certifique-se de que “E-mail” esteja habilitado.
Recomendamos desativar "Confirmar e-mail" para sua instância pessoal.
Abra seu repositório para sua instância hospedada da UI do Chatbot.
No primeiro arquivo de migração supabase/migrations/20240108234540_setup.sql você precisará substituir 2 valores pelos valores obtidos acima:
project_url (linha 53): Use o valor Project URL acimaservice_role_key (linha 54): use o valor Service role key acimaAgora, abra um terminal no diretório raiz do repositório local da UI do Chatbot. Executaremos alguns comandos aqui.
Faça login no Supabase executando:
supabase loginEm seguida, vincule seu projeto executando o seguinte comando com o “ID do projeto” obtido acima:
supabase link --project-ref < project-id >Seu projeto agora deve estar vinculado.
Finalmente, envie seu banco de dados para o Supabase executando:
supabase db pushSeu banco de dados hospedado agora deve estar configurado!
Vá para Vercel e crie um novo projeto.
Na página de configuração, importe seu repositório GitHub para sua instância hospedada da UI do Chatbot. Nas configurações do projeto, na seção "Configurações de construção e desenvolvimento", mude o Framework Preset para "Next.js".
Nas variáveis de ambiente, adicione o seguinte dos valores obtidos acima:
NEXT_PUBLIC_SUPABASE_URLNEXT_PUBLIC_SUPABASE_ANON_KEYSUPABASE_SERVICE_ROLE_KEYNEXT_PUBLIC_OLLAMA_URL (necessário apenas ao usar modelos locais do Ollama; padrão: http://localhost:11434 )Você também pode adicionar chaves de API como variáveis de ambiente.
OPENAI_API_KEYAZURE_OPENAI_API_KEYAZURE_OPENAI_ENDPOINTAZURE_GPT_45_VISION_NAMEPara obter a lista completa de variáveis de ambiente, consulte o arquivo '.env.local.example'. Se as variáveis de ambiente estiverem definidas para chaves de API, isso desabilitará a entrada nas configurações do usuário.
Clique em "Implantar" e aguarde a implantação do seu front-end.
Depois de implantado, você poderá usar sua instância hospedada da UI do Chatbot por meio do URL fornecido pelo Vercel.
Estamos trabalhando em um guia para contribuir.
Mensagem Mckay no Twitter/X
