chat ai samples

Tautan Cepat ?

• Daftar untuk mendapatkan kunci API untuk Stream
• Contoh ReactJS
• Server Node ChatGPT
• Server Node Gemini

Ikhtisar Repo?

Repo ini berisi contoh proyek resmi Stream yang menunjukkan bagaimana AI Generatif dapat digunakan dalam produk Obrolan kami. Ini mencakup contoh server backend untuk ChatGPT dan Gemini, yang dapat digunakan sebagai panduan referensi saat menggunakan Gen AI dengan Stream.

Contoh integrasi di ReactJS, Android, dan Flutter terletak di direktori "frontends", yang juga menunjukkan cara bekerja dengan dan merender potongan pesan real-time saat dikirim dari penyedia AI.

Proyek/Paket

• Bagian belakang
  • Server ChatGPT: Server simpul yang terhubung ke OpenAI dan Stream chat untuk mencegat dan merespons pesan secara real-time.
  • Server Gemini: Server node yang menghubungkan Stream Chat dengan Gemini, memungkinkan untuk mengirim, menerima, dan membalas pesan.
• Bagian depan
  • React/NextJS: Aplikasi NextJs, yang berinteraksi dengan ChatGPT dan mengimplementasikan respons streaming.
  • Android: Aplikasi Jetpack Compose yang ditulis dalam Kotlin yang mengintegrasikan Google Gemini dan Jetpack Compose SDK kami. Silakan lihat sub-direktori untuk petunjuk memulai secara rinci.

Bagaimana Cara Berlari?

Siapkan variabel lingkungan

cp .env.example .env

Tambahkan kredensial berikut ke file .env :

1. Kunci dan rahasia api aplikasi Obrolan Streaming
2. ID pengguna dan token
3. Kunci API OpenAI
4. Atau kunci API Gemini

Bagian belakang

Untuk memulai server backend, Anda dapat memilih antara ChatGPT dan Gemini. Server akan mendengarkan pesan dan merespons dengan respons yang dihasilkan AI. Anda perlu mengonfigurasi url server ini sebagai webhook untuk aplikasi Stream Chat Anda.

 cd server
yarn ;

# Start ChatGPT server
yarn start:openai

# Or start Gemini server
yarn start:gemini

Konfigurasikan webhook Ngrok

Untuk mengekspos server lokal ke internet, Anda dapat menggunakan ngrok. Ikuti petunjuk di sini untuk menyiapkan ngrok dan mengonfigurasi URL webhook untuk aplikasi Stream Chat Anda:

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

Bagian depan

 cd react-chat
yarn ; yarn start

Panduan AI

Panduan ini mengeksplorasi lebih lanjut bagaimana AI dapat digunakan di seluruh SDK dan produk kami.

• Menerapkan ChatGPT dengan Stream Chat
• Bangun Aplikasi Android AI Chat Dengan AI Generatif Google
• Buat Chatbot bertenaga LLM Untuk Dokumentasi Anda
• AI Percakapan Menggunakan Stream Chat, HuggingFace, dan DialogGPT

Berkontribusi?

• Bagaimana cara mengirimkan contoh aplikasi?
  • Pengiriman aplikasi selalu diterima! ? Buka pr dengan deskripsi yang sesuai dan kami akan meninjaunya sesegera mungkin
• Temukan bug? ?
  • Kami menyambut perubahan kode yang meningkatkan aplikasi atau memperbaiki masalah. Harap pastikan untuk mengikuti semua praktik terbaik dan menambahkan pengujian jika berlaku sebelum mengirimkan Permintaan Tarik di Github.