chat ai samples

¿ Enlaces rápidos ?

• Regístrese para obtener una clave API para Stream
• Ejemplo de reacción JS
• Servidor de nodo ChatGPT
• Servidor de nodo Gemini

¿Descripción general del repositorio?

Este repositorio contiene proyectos de muestra oficiales de Stream que demuestran cómo se puede utilizar la IA generativa en nuestros productos de Chat. Incluye servidores backend de muestra para ChatGPT y Gemini, que se pueden utilizar como guía de referencia al utilizar Gen AI con Stream.

Las integraciones de muestra en ReactJS, Android y Flutter se encuentran en el directorio "frontends", que también demuestra cómo trabajar y representar fragmentos de mensajes en tiempo real a medida que se envían desde proveedores de IA.

Proyectos/Paquetes

• backend
  • Servidor ChatGPT: servidor de nodo que se conecta tanto a OpenAI como a Stream Chat para interceptar y responder mensajes en tiempo real.
  • Servidor Gemini: Servidor de nodo que conecta Stream Chat con Gemini, permitiendo enviar, recibir y responder mensajes.
• Interfaz
  • React/NextJS: aplicación NextJs, que interactúa con ChatGPT e implementa respuestas en streaming.
  • Android: aplicación Jetpack Compose escrita en Kotlin que integra Gemini de Google y nuestro SDK Jetpack Compose. Consulte el subdirectorio para obtener instrucciones detalladas de cómo comenzar.

¿Cómo correr?

Configurar variables de entorno

cp .env.example .env

Agregue las siguientes credenciales al archivo .env :

1. Clave y secreto de API de la aplicación Stream Chat
2. ID de usuario y token
3. Clave API de OpenAI
4. O clave API de Gemini

backend

Para iniciar el servidor backend, puede elegir entre ChatGPT y Gemini. El servidor escuchará los mensajes y responderá con respuestas generadas por IA. Debe configurar la URL de este servidor como un webhook para su aplicación Stream Chat.

 cd server
yarn ;

# Start ChatGPT server
yarn start:openai

# Or start Gemini server
yarn start:gemini

Configurar el webhook de Ngrok

Para exponer el servidor local a Internet, puede utilizar ngrok. Siga las instrucciones aquí para configurar ngrok y configurar la URL del webhook para su aplicación Stream Chat:

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

Interfaz

 cd react-chat
yarn ; yarn start

Guías de IA

Estas guías exploran más sobre cómo se puede utilizar la IA en nuestros SDK y productos.

• Implementación de ChatGPT con Stream Chat
• Cree una aplicación de Android AI Chat con la IA generativa de Google
• Cree un chatbot con tecnología LLM para su documentación
• IA conversacional mediante Stream Chat, HuggingFace y DialogGPT

¿Contribuyendo?

• ¿Cómo puedo enviar una aplicación de muestra?
  • ¡Los envíos de aplicaciones siempre son bienvenidos! ? Abra un pr con una descripción adecuada y lo revisaremos lo antes posible.
• ¿Detectar un error? ?
  • Damos la bienvenida a los cambios de código que mejoren las aplicaciones o solucionen un problema. Asegúrese de seguir todas las mejores prácticas y agregar pruebas, si corresponde, antes de enviar una solicitud de extracción en Github.