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 並自動重新載入。