Introdução geral
O AI Chatbot é um projeto de código aberto desenvolvido pela Vercel para ajudar os desenvolvedores a criar e implantar rapidamente chatbots inteligentes. O projeto é baseado na estrutura Next.js e se integra a uma variedade de provedores de modelos de IA, como OpenAI, Anthropic e Cohere. Usando o SDK de IA da Vercel, os desenvolvedores podem gerar facilmente textos, objetos estruturados e chamadas de ferramentas. O projeto também oferece suporte à persistência de dados, armazenamento de arquivos e autenticação segura, fornecendo uma solução completa para a criação de aplicativos de chatbot eficientes e dimensionáveis.
Lista de funções
- Roteamento de aplicativos Next.jsRoteamento: fornece recursos avançados de roteamento para navegação contínua e alto desempenho.
- Componentes do React ServerSuporte a renderização no lado do servidor e operações de servidor para melhorar o desempenho.
- SDK DE IAAPI unificada para gerar texto, objetos estruturados e chamadas de ferramentas.
- Suporte a vários modelosO OpenAI GPT-4 é suportado por padrão e pode ser alternado para outros provedores de modelos.
- Persistência de dadosUse o Vercel Postgres para salvar os registros de bate-papo e os dados do usuário.
- Armazenamento de arquivosArmazenamento eficiente de arquivos com o Vercel Blob.
- certificação de segurançaIntegração com o NextAuth.js para fornecer um mecanismo de autenticação simples e seguro.
- EstiloEstilo de componente flexível usando Tailwind CSS e Radix UI.
Usando a Ajuda
Processo de instalação
- Instalação da CLI da VercelExecutar em um terminal
npm i -g vercel
Instale a ferramenta de linha de comando Vercel. - Vinculação de instâncias locais: Uso
link vercel
Vincule sua instância local às suas contas do Vercel e do GitHub, crie a conta.vercel
Catálogo. - Download de variáveis de ambiente: Executar
vercel env pull
Faça o download das variáveis de ambiente. - Instalação de dependências: Uso
instalação do pnpm
Instalar as dependências do projeto. - operação local: Executar
desenvolvimento do pnpm
Inicie o servidor de desenvolvimento local e acesse o arquivolocalhost:3000
Exibir aplicativo.
Operação da função
- Gerar textoCódigo de exemplo: Ao chamar a API do AI SDK, você pode gerar uma variedade de conteúdo de texto. O código de amostra é o seguinte:
import { generateText } from 'ai-sdk';
const response = await generateText('Seu prompt'); console.log(response);
console.log(response);
- Persistência de dadosUse o Vercel Postgres para salvar os registros de bate-papo e garantir a persistência e a segurança dos dados. O código de amostra é mostrado abaixo:
import { saveChat } from 'vercel-postgres' ;
await saveChat(userId, chatData);
- Armazenamento de arquivosImplementar o armazenamento de arquivos por meio do Vercel Blob, oferecer suporte a upload e download eficientes de arquivos. O código de amostra é o seguinte:
import { uploadFile } from 'vercel-blob';
const fileUrl = await uploadFile(file); console.log(fileUrl);
console.log(fileUrl);
- autenticação do usuárioIntegração do NextAuth.js: Integre o NextAuth.js para implementar a autenticação do usuário e garantir a segurança do aplicativo. O código de amostra é o seguinte:
importar { getSession } de 'next-auth/client';
const session = await getSession(); console.log(session);
console.log(session);
implementações
- Implementação em um cliqueClique no botão "One Click Deploy" (Implantação em um clique) na plataforma da Vercel para implantar rapidamente seu aplicativo na Vercel.
- Configuração da variável de ambienteConfigure as variáveis de ambiente no painel do Vercel para garantir que o aplicativo esteja sendo executado corretamente.
- integração contínuaA cada envio para um repositório do GitHub, o Vercel cria e implanta automaticamente a versão mais recente do aplicativo.
Com essas etapas, os desenvolvedores podem começar a usar rapidamente o AI Chatbot para criar e implementar seus próprios aplicativos de chatbot inteligentes.