Stream Chat 的官方 Angular 组件,一种用于构建聊天应用程序的服务。
快速链接
通过我们的组件库,您可以构建各种聊天用例,包括:
最好的入门方法是遵循 Angular 聊天教程。它向您展示如何使用此 SDK 构建功能齐全的聊天应用程序,并包括常见的自定义项。
对于大多数业余项目和业余爱好项目来说,Stream 是免费的。要获得资格,您的项目/公司的团队成员不得超过 5 人,并且月收入不得超过 1 万美元。有关完整的定价和详细信息,请访问我们的聊天定价页面。
这些文档提供了有关库中组件和服务的简要说明。
Angular 库是使用stream-chat-js 库创建的。对于最常见的用例,我们的服务应该对该库提供一个很好的抽象,但是您可能需要它来进行更高级的定制,该文档位于我们的网站上。
我们欢迎更改代码以改进此库或解决问题。在 GitHub 上提交拉取请求之前,请确保遵循所有最佳实践并添加测试(如果适用)。如果您的代码满足需要,我们很高兴将其合并到官方存储库中。请务必先签署我们的贡献者许可协议 (CLA)。有关更多详细信息,请参阅我们的许可证文件。
我们最近完成了 3800 万美元的 B 轮融资,并正在积极发展。我们的 API 被超过 10 亿最终用户使用,通过在 Stream 工作,您有机会对一支非常强大的工程师团队产生巨大影响。
查看我们当前的空缺职位并通过 Stream 网站进行申请。
如果您使用的是Angular 19 ,请运行此命令:
npm install stream-chat-angular stream-chat @ngx-translate/core@15 ngx-float-ui@19
支持的 Angular 版本: Angular 15-18
如果您使用的是Angular 18,请运行此命令:
npm install stream-chat-angular stream-chat ngx-float-ui@18
如果您使用的是Angular 17,请运行此命令:
npm install stream-chat-angular stream-chat ngx-float-ui@17
如果您使用的是Angular 16,请运行此命令:
npm install stream-chat-angular stream-chat ngx-float-ui@16
如果您使用的是Angular 15,请运行此命令:
npm install stream-chat-angular stream-chat @ngx-translate/core@14 ngx-float-ui@15
支持的节点版本:18+
该存储库包含一个示例应用程序来测试我们的库。
要测试该应用程序:
在根目录中创建一个名为.env
的文件,其中包含以下内容:
STREAM_API_KEY=<Your API key>
STREAM_USER_ID=<Your user ID>
STREAM_USER_TOKEN=<Your user token>
生成用于测试目的的令牌的最简单方法是使用我们的令牌生成器。
运行npm install
以安装依赖项。
运行npm start
并导航到http://localhost:4200/
。
此存储库包含一个示例应用程序,该应用程序展示了如何为 SDK 中的不同组件提供自己的模板:
要运行该应用程序:
在根目录中创建一个名为.env
的文件,其中包含以下内容:
STREAM_API_KEY=<Your API key>
STREAM_USER_ID=<Your user ID>
STREAM_USER_TOKEN=<Your user token>
运行npm install
以安装依赖项。
运行npm run start:customizations-example
并导航到http://localhost:4200/
。
该存储库包含一个示例应用程序来测试我们的库。
要测试该应用程序:
在根目录中创建一个名为.env
的文件,其中包含以下内容:
STREAM_API_KEY=<Your API key>
STREAM_USER_ID=<Your user ID>
STREAM_USER_TOKEN=<Your user token>
在项目的根目录中运行npm install
。您可以使用npm run start:dev
命令来启动 SampleApp 并自动重新加载。