chat ai samples

Links rápidos ?

• Registre-se para obter uma chave API para Stream
• Exemplo de ReactJS
• Servidor de nó ChatGPT
• Servidor de nó Gemini

Visão geral do repositório?

Este repositório contém exemplos de projetos oficiais do Stream que demonstram como a IA generativa pode ser usada em nossos produtos de bate-papo. Inclui exemplos de servidores back-end para ChatGPT e Gemini, que podem ser usados ​​como guia de referência ao usar Gen AI com Stream.

Exemplos de integrações em ReactJS, Android e Flutter estão localizados no diretório "frontends", que também demonstra o trabalho e a renderização de blocos de mensagens em tempo real à medida que são enviados por provedores de IA.

Projetos/Pacotes

• Back-end
  • Servidor ChatGPT: servidor Node que se conecta ao bate-papo OpenAI e Stream para interceptar e responder mensagens em tempo real.
  • Servidor Gemini: Servidor Node que conecta o Stream Chat ao Gemini, permitindo enviar, receber e responder mensagens.
• Front-end
  • React/NextJS: aplicativo NextJs, que interage com ChatGPT e implementa respostas de streaming.
  • Android: aplicativo Jetpack Compose escrito em Kotlin que integra o Gemini do Google e nosso Jetpack Compose SDK. Consulte o subdiretório para obter instruções detalhadas de introdução.

Como correr?

Configurar variáveis ​​de ambiente

cp .env.example .env

Adicione as seguintes credenciais ao arquivo .env :

1. Chave e segredo da API do aplicativo Stream Chat
2. ID do usuário e token
3. Chave de API OpenAI
4. Ou chave API Gemini

Back-end

Para iniciar o servidor backend, você pode escolher entre ChatGPT e Gemini. O servidor ouvirá mensagens e responderá com respostas geradas por IA. Você precisa configurar este URL do servidor como um webhook para seu aplicativo Stream Chat.

 cd server
yarn ;

# Start ChatGPT server
yarn start:openai

# Or start Gemini server
yarn start:gemini

Configurar o webhook Ngrok

Para expor o servidor local à Internet, você pode usar o ngrok. Siga as instruções aqui para configurar o ngrok e configurar o URL do webhook para seu aplicativo Stream Chat:

https://getstream.io/chat/docs/react/debugging_with_ngrok/

Front-end

 cd react-chat
yarn ; yarn start

Guias de IA

Esses guias exploram mais sobre como a IA pode ser usada em nossos SDKs e produtos.

• Implementando ChatGPT com Stream Chat
• Crie um aplicativo AI Chat para Android com a IA generativa do Google
• Crie um chatbot com tecnologia LLM para sua documentação
• IA conversacional usando Stream Chat, HuggingFace e DialogGPT

Contribuindo?

• Como posso enviar um aplicativo de amostra?
  • Envios de aplicativos são sempre bem-vindos! ? Abra um PR com uma descrição adequada e iremos analisá-lo o mais rápido possível
• Detectou um bug? ?
  • Aceitamos alterações de código que melhorem os aplicativos ou corrijam um problema. Certifique-se de seguir todas as práticas recomendadas e adicionar testes, se aplicável, antes de enviar uma solicitação pull no Github.