Die offiziellen Angular-Komponenten für Stream Chat, einen Dienst zum Erstellen von Chat-Anwendungen.
Quicklinks
Mit unserer Komponentenbibliothek können Sie eine Vielzahl von Chat-Anwendungsfällen erstellen, darunter:
Der beste Einstieg besteht darin, dem Angular Chat-Tutorial zu folgen. Es zeigt Ihnen, wie Sie mit diesem SDK eine voll funktionsfähige Chat-Anwendung erstellen und allgemeine Anpassungen vornehmen.
Stream ist für die meisten Neben- und Hobbyprojekte kostenlos. Um sich zu qualifizieren, darf Ihr Projekt/Unternehmen nicht mehr als 5 Teammitglieder haben und einen monatlichen Umsatz von weniger als 10.000 US-Dollar erzielen. Die vollständigen Preise und Einzelheiten finden Sie auf unserer Chat-Preisseite.
Die Dokumente enthalten eine kurze Beschreibung der Komponenten und Dienste in der Bibliothek.
Die Angular-Bibliothek wird mithilfe der Stream-Chat-Js-Bibliothek erstellt. Für die häufigsten Anwendungsfälle sollten unsere Dienste eine gute Abstraktion dieser Bibliothek bieten. Möglicherweise benötigen Sie sie jedoch für eine erweiterte Anpassung. Die Dokumentation finden Sie auf unserer Website.
Wir freuen uns über Codeänderungen, die diese Bibliothek verbessern oder ein Problem beheben. Bitte stellen Sie sicher, dass Sie alle Best Practices befolgen und ggf. Tests hinzufügen, bevor Sie einen Pull-Request auf GitHub einreichen. Bei Bedarf fügen wir Ihren Code gerne in das offizielle Repository ein. Stellen Sie sicher, dass Sie zuerst unsere Contributor License Agreement (CLA) unterzeichnen. Weitere Einzelheiten finden Sie in unserer Lizenzdatei.
Wir haben kürzlich eine Finanzierungsrunde der Serie B über 38 Millionen US-Dollar abgeschlossen und wachsen aktiv. Unsere APIs werden von mehr als einer Milliarde Endbenutzern verwendet, und durch die Arbeit bei Stream haben Sie die Chance, einen großen Einfluss auf ein Team sehr starker Ingenieure zu nehmen.
Schauen Sie sich unsere aktuellen Stellenangebote an und bewerben Sie sich über die Website von Stream.
Führen Sie diesen Befehl aus, wenn Sie Angular 19 verwenden:
npm install stream-chat-angular stream-chat @ngx-translate/core@15 ngx-float-ui@19
Unterstützte Angular-Versionen: Angular 15–18
Führen Sie diesen Befehl aus, wenn Sie Angular 18 verwenden:
npm install stream-chat-angular stream-chat ngx-float-ui@18
Führen Sie diesen Befehl aus, wenn Sie Angular 17 verwenden:
npm install stream-chat-angular stream-chat ngx-float-ui@17
Führen Sie diesen Befehl aus, wenn Sie Angular 16 verwenden:
npm install stream-chat-angular stream-chat ngx-float-ui@16
Führen Sie diesen Befehl aus, wenn Sie Angular 15 verwenden:
npm install stream-chat-angular stream-chat @ngx-translate/core@14 ngx-float-ui@15
Unterstützte Knotenversionen: 18+
Dieses Repository enthält eine Beispiel-App zum Testen unserer Bibliothek.
So testen Sie die App:
Erstellen Sie im Stammverzeichnis eine Datei mit dem Namen .env
und folgendem Inhalt:
STREAM_API_KEY=<Your API key>
STREAM_USER_ID=<Your user ID>
STREAM_USER_TOKEN=<Your user token>
Der einfachste Weg, einen Token zu Testzwecken zu generieren, ist die Verwendung unseres Token-Generators.
Führen Sie npm install
aus, um Abhängigkeiten zu installieren.
Führen Sie npm start
aus und navigieren Sie zu http://localhost:4200/
.
Dieses Repository enthält eine Beispiel-App, die zeigt, wie Sie Ihre eigene Vorlage für verschiedene Komponenten innerhalb des SDK bereitstellen können:
So führen Sie die App aus:
Erstellen Sie im Stammverzeichnis eine Datei mit dem Namen .env
und folgendem Inhalt:
STREAM_API_KEY=<Your API key>
STREAM_USER_ID=<Your user ID>
STREAM_USER_TOKEN=<Your user token>
Führen Sie npm install
aus, um Abhängigkeiten zu installieren.
Führen Sie npm run start:customizations-example
aus und navigieren Sie zu http://localhost:4200/
.
Dieses Repository enthält eine Beispiel-App zum Testen unserer Bibliothek.
So testen Sie die App:
Erstellen Sie im Stammverzeichnis eine Datei mit dem Namen .env
und folgendem Inhalt:
STREAM_API_KEY=<Your API key>
STREAM_USER_ID=<Your user ID>
STREAM_USER_TOKEN=<Your user token>
Führen Sie npm install
im Stammverzeichnis des Projekts aus. Sie können den Befehl npm run start:dev
verwenden, um die SampleApp mit automatischem Neuladen zu starten.