chat ai samples

快速連結？

• 註冊以取得 Stream 的 API 金鑰
• ReactJS 範例
• ChatGPT 節點伺服器
• Gemini節點伺服器

回購概述？

此儲存庫包含 Stream 的官方範例項目，示範如何在我們的聊天產品中使用生成式 AI。它包括 ChatGPT 和 Gemini 的範例後端伺服器，可在使用 Gen AI with Stream 時作為參考指南。

ReactJS、Android 和 Flutter 中的範例整合位於「frontends」目錄中，該目錄還演示瞭如何處理和渲染從 AI 提供者發送的即時訊息區塊。

項目/包

• 後端
  • ChatGPT 伺服器：連接 OpenAI 和 Stream 聊天的節點伺服器，以即時攔截和回應訊息。
  • Gemini Server：連接 Stream Chat 和 Gemini 的節點伺服器，允許發送、接收和回覆訊息。
• 前端
  • React/NextJS：NextJs 應用程序，與 ChatGPT 互動並實現串流響應。
  • Android：用 Kotlin 編寫的 Jetpack Compose 應用程序，整合了 Google 的 Gemini 和我們的 Jetpack Compose SDK。請參閱子目錄以取得詳細的入門說明。

如何跑步？

設定環境變數

cp .env.example .env

將以下憑證加入.env檔：

1. Stream Chat 應用程式 API 金鑰與秘密
2. 使用者 ID 和令牌
3. OpenAI API 金鑰
4. 或 Gemini API 金鑰

後端

若要啟動後端伺服器，您可以在 ChatGPT 和 Gemini 之間進行選擇。伺服器將偵聽訊息並使用人工智慧產生的回應進行回應。您需要將此伺服器 URL 設定為 Stream Chat 應用程式的 Webhook。

 cd server
yarn ;

# Start ChatGPT server
yarn start:openai

# Or start Gemini server
yarn start:gemini

配置 Ngrok webhook

要將本機伺服器公開到互聯網，您可以使用 ngrok。按照此處的說明設定 ngrok 並為您的 Stream Chat 應用程式設定 webhook URL：

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

前端

 cd react-chat
yarn ; yarn start

人工智慧指南

這些指南更深入探討如何在我們的 SDK 和產品中使用 AI。

• 使用串流聊天實施 ChatGPT
• 使用 Google 的生成式 AI 建立 AI 聊天 Android 應用
• 為您的文件創建由法學碩士支援的聊天機器人
• 使用串流聊天、HuggingFace 和 DialogGPT 的對話式 AI

貢獻？

• 我如何提交範例應用程式？
  • 始終歡迎提交應用程式！ ？打開一個有正確描述的公關，我們會盡快審核
• 發現錯誤？ ？
  • 我們歡迎更改程式碼以改進應用程式或解決問題。在 Github 上提交 Pull 請求之前，請確保遵循所有最佳實踐並添加測試（如果適用）。