chat ai samples

ลิงค์ด่วน ?

• ลงทะเบียนเพื่อรับคีย์ API สำหรับสตรีม
• ตัวอย่าง ReactJS
• เซิร์ฟเวอร์โหนด ChatGPT
• เซิร์ฟเวอร์โหนดราศีเมถุน

ภาพรวมการซื้อคืน ?

การซื้อคืนนี้มีโปรเจ็กต์ตัวอย่างอย่างเป็นทางการของ Stream ที่สาธิตวิธีการใช้ Generative AI ในผลิตภัณฑ์ Chat ของเรา ประกอบด้วยเซิร์ฟเวอร์แบ็กเอนด์ตัวอย่างสำหรับ ChatGPT และ Gemini ซึ่งสามารถใช้เป็นแนวทางอ้างอิงเมื่อใช้ Gen AI กับ Stream

ตัวอย่างการรวมใน ReactJS, Android และ Flutter อยู่ในไดเร็กทอรี "ส่วนหน้า" ซึ่งยังสาธิตการทำงานและเรนเดอร์กลุ่มข้อความแบบเรียลไทม์เมื่อถูกส่งจากผู้ให้บริการ AI

โครงการ/แพ็คเกจ

• แบ็กเอนด์
  • ChatGPT Server: เซิร์ฟเวอร์โหนดที่เชื่อมต่อกับทั้ง OpenAI และ Stream Chat เพื่อสกัดกั้นและตอบกลับข้อความแบบเรียลไทม์
  • เซิร์ฟเวอร์ราศีเมถุน: เซิร์ฟเวอร์โหนดที่เชื่อมต่อสตรีมแชทกับราศีเมถุน เพื่อให้สามารถส่ง รับ และตอบกลับข้อความได้
• ส่วนหน้า
  • React/NextJS: แอป NextJs ซึ่งโต้ตอบกับ ChatGPT และใช้การตอบสนองแบบสตรีมมิ่ง
  • Android: แอป Jetpack Compose เขียนด้วย Kotlin ซึ่งรวม Gemini ของ Google และ Jetpack Compose SDK ของเรา โปรดดูไดเรกทอรีย่อยสำหรับคำแนะนำในการเริ่มต้นโดยละเอียด

วิ่งยังไง?

ตั้งค่าตัวแปรสภาพแวดล้อม

cp .env.example .env

เพิ่มข้อมูลรับรองต่อไปนี้ลงในไฟล์ .env :

1. คีย์ API และความลับของแอปสตรีมแชท
2. ID ผู้ใช้และโทเค็น
3. คีย์ OpenAI API
4. หรือคีย์ Gemini API

แบ็กเอนด์

หากต้องการเริ่มต้นเซิร์ฟเวอร์แบ็กเอนด์ คุณสามารถเลือกระหว่าง ChatGPT และ Gemini เซิร์ฟเวอร์จะฟังข้อความและตอบกลับด้วยการตอบกลับที่สร้างโดย AI คุณต้องกำหนดค่า URL เซิร์ฟเวอร์นี้เป็นเว็บฮุคสำหรับแอป Stream Chat ของคุณ

 cd server
yarn ;

# Start ChatGPT server
yarn start:openai

# Or start Gemini server
yarn start:gemini

กำหนดค่า Ngrok webhook

หากต้องการเปิดเผยเซิร์ฟเวอร์ท้องถิ่นกับอินเทอร์เน็ต คุณสามารถใช้ ngrok ทำตามคำแนะนำที่นี่เพื่อตั้งค่า ngrok และกำหนดค่า URL ของเว็บฮุคสำหรับแอป Stream Chat ของคุณ:

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

ส่วนหน้า

 cd react-chat
yarn ; yarn start

คู่มือ AI

คู่มือเหล่านี้สำรวจเพิ่มเติมว่า AI สามารถใช้กับ SDK และผลิตภัณฑ์ของเราได้อย่างไร

• การใช้ ChatGPT กับ Stream Chat
• สร้างแอป AI Chat สำหรับ Android ด้วย Generative AI ของ Google
• สร้าง Chatbot ที่ขับเคลื่อนด้วย LLM สำหรับเอกสารของคุณ
• AI การสนทนาโดยใช้ Stream Chat, HuggingFace และ DialogGPT

มีส่วนร่วม ?

• ฉันจะส่งแอปตัวอย่างได้อย่างไร
  • ยินดีส่งแอพเสมอ! - เปิดราคาพร้อมคำอธิบายที่ถูกต้อง แล้วเราจะตรวจสอบโดยเร็วที่สุด
• พบจุดบกพร่องหรือไม่? -
  • เรายินดีรับการเปลี่ยนแปลงโค้ดที่ช่วยปรับปรุงแอปหรือแก้ไขปัญหา โปรดตรวจสอบให้แน่ใจว่าได้ปฏิบัติตามแนวทางปฏิบัติที่ดีที่สุดทั้งหมดและเพิ่มการทดสอบ หากมี ก่อนที่จะส่งคำขอดึงบน Github