Liens rapides ?
- Inscrivez-vous pour obtenir une clé API pour Stream
- Exemple ReactJS
- Serveur de nœud ChatGPT
- Serveur de nœud Gemini
Aperçu du dépôt ?
Ce dépôt contient des exemples de projets officiels de Stream démontrant comment l'IA générative peut être utilisée dans nos produits de chat. Il comprend des exemples de serveurs backend pour ChatGPT et Gemini, qui peuvent être utilisés comme guide de référence lors de l'utilisation de Gen AI avec Stream.
Des exemples d'intégrations dans ReactJS, Android et Flutter se trouvent dans le répertoire « frontends », qui montre également l'utilisation et le rendu des fragments de messages en temps réel lorsqu'ils sont envoyés par des fournisseurs d'IA.
Projets/Forfaits
- Back-end
- ChatGPT Server : serveur de nœuds qui se connecte à la fois au chat OpenAI et Stream pour intercepter et répondre aux messages en temps réel.
- Serveur Gemini : serveur de nœuds qui connecte Stream Chat à Gemini, permettant d'envoyer, de recevoir et de répondre aux messages.
- L'extrémité avant
- React/NextJS : application NextJs, qui interagit avec ChatGPT et implémente des réponses en streaming.
- Android : application Jetpack Compose écrite en Kotlin qui intègre Gemini de Google et notre SDK Jetpack Compose. Veuillez consulter le sous-répertoire pour obtenir des instructions détaillées de démarrage.
Comment courir ?
Configurer les variables d'environnement
Ajoutez les informations d'identification suivantes au fichier .env
:
- Clé API et secret de l'application Stream Chat
- ID utilisateur et jeton
- Clé API OpenAI
- Ou clé API Gemini
Back-end
Pour démarrer le serveur backend, vous pouvez choisir entre ChatGPT et Gemini. Le serveur écoutera les messages et répondra avec des réponses générées par l'IA. Vous devez configurer cette URL de serveur en tant que webhook pour votre application Stream Chat.
cd server
yarn ;
# Start ChatGPT server
yarn start:openai
# Or start Gemini server
yarn start:gemini
Configurer le webhook Ngrok
Pour exposer le serveur local à Internet, vous pouvez utiliser ngrok. Suivez les instructions ici pour configurer ngrok et configurer l'URL du webhook pour votre application Stream Chat :
https://getstream.io/chat/docs/react/debugging_with_ngrok/
L'extrémité avant
cd react-chat
yarn ; yarn start
Guides d'IA
Ces guides explorent davantage la manière dont l’IA peut être utilisée dans nos SDK et nos produits.
- Implémentation de ChatGPT avec Stream Chat
- Créez une application Android AI Chat avec l'IA générative de Google
- Créez un chatbot alimenté par LLM pour votre documentation
- IA conversationnelle utilisant Stream Chat, HuggingFace et DialogGPT
Contribuer ?
- Comment puis-je soumettre un exemple d'application ?
- Les soumissions d'applications sont toujours les bienvenues ! ? Ouvrez une demande avec une description appropriée et nous l'examinerons dès que possible
- Vous repérez un bug ? ?
- Nous acceptons les modifications de code qui améliorent les applications ou résolvent un problème. Veuillez vous assurer de suivre toutes les bonnes pratiques et d'ajouter des tests le cas échéant avant de soumettre une Pull Request sur Github.