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 请求之前，请确保遵循所有最佳实践并添加测试（如果适用）。