stream chat angular

SDK Angular Resmi untuk Obrolan Aliran

Komponen Angular resmi untuk Stream Chat, layanan untuk membangun aplikasi obrolan.

Tautan Cepat

• Daftar untuk mendapatkan kunci API untuk Stream Chat
• Tutorial Obrolan Sudut
• dokumen
• Perangkat UI Obrolan
• Aplikasi demo
• Kotak pasir kode

Dengan pustaka komponen kami, Anda dapat membangun berbagai kasus penggunaan obrolan, termasuk:

• Obrolan dalam game seperti Overwatch atau Fortnite
• Obrolan bergaya tim seperti Slack
• Obrolan bergaya perpesanan seperti WhatsApp atau Messenger Facebook
• Obrolan dukungan pelanggan seperti Drift atau Intercom

Tutorial Obrolan Sudut

Cara terbaik untuk memulai adalah dengan mengikuti Tutorial Obrolan Sudut. Ini menunjukkan kepada Anda cara menggunakan SDK ini untuk membangun aplikasi obrolan yang berfungsi penuh dan mencakup penyesuaian umum.

Gratis untuk Pembuat

Streaming gratis untuk sebagian besar proyek sampingan dan hobi. Untuk memenuhi syarat, proyek/perusahaan Anda harus memiliki tidak lebih dari 5 anggota tim dan memperoleh pendapatan bulanan kurang dari $10k. Untuk harga lengkap dan detail kunjungi Halaman Harga Obrolan kami.

dokumen

Dokumen memberikan penjelasan singkat tentang komponen dan layanan di perpustakaan.

Perpustakaan Angular dibuat menggunakan perpustakaan stream-chat-js. Untuk kasus penggunaan paling umum, layanan kami seharusnya memberikan abstraksi yang bagus mengenai perpustakaan ini, namun Anda mungkin memerlukannya untuk penyesuaian lebih lanjut, dokumentasinya ada di situs web kami.

Berkontribusi

Kami menyambut perubahan kode yang meningkatkan perpustakaan ini atau memperbaiki masalah. Harap pastikan untuk mengikuti semua praktik terbaik dan menambahkan pengujian, jika berlaku, sebelum mengirimkan permintaan penarikan di GitHub. Kami dengan senang hati menggabungkan kode Anda ke dalam repositori resmi jika memenuhi kebutuhan. Pastikan untuk menandatangani Perjanjian Lisensi Kontributor (CLA) kami terlebih dahulu. Lihat file lisensi kami untuk lebih jelasnya.

Kami sedang merekrut.

Kami baru saja menyelesaikan putaran pendanaan Seri B senilai $38 juta dan secara aktif berkembang. API kami digunakan oleh lebih dari satu miliar pengguna akhir, dan dengan bekerja di Stream, Anda memiliki peluang untuk memberikan dampak besar pada tim insinyur yang sangat kuat.

Lihat lowongan kami saat ini dan lamar melalui situs web Stream.

Instalasi

Instal dengan NPM

Jalankan perintah ini jika Anda menggunakan Angular 19 :

npm install stream-chat-angular stream-chat @ngx-translate/core@15 ngx-float-ui@19

Versi Angular yang didukung: Angular 15-18

Jalankan perintah ini jika Anda menggunakan Angular 18 :

npm install stream-chat-angular stream-chat ngx-float-ui@18

Jalankan perintah ini jika Anda menggunakan Angular 17 :

npm install stream-chat-angular stream-chat ngx-float-ui@17

Jalankan perintah ini jika Anda menggunakan Angular 16 :

npm install stream-chat-angular stream-chat ngx-float-ui@16

Jalankan perintah ini jika Anda menggunakan Angular 15 :

npm install stream-chat-angular stream-chat @ngx-translate/core@14 ngx-float-ui@15

Versi node yang didukung: 18+

Contoh Aplikasi

Repositori ini menyertakan aplikasi contoh untuk menguji perpustakaan kami.

Untuk menguji aplikasi:

Buat file bernama .env di direktori root dengan konten berikut:

 STREAM_API_KEY=<Your API key>
STREAM_USER_ID=<Your user ID>
STREAM_USER_TOKEN=<Your user token>

Cara termudah untuk menghasilkan token untuk tujuan pengujian adalah dengan menggunakan generator token kami.

Jalankan npm install untuk menginstal dependensi.

Jalankan npm start dan navigasikan ke http://localhost:4200/ .

Contoh penyesuaian

Repositori ini menyertakan contoh aplikasi yang menunjukkan bagaimana Anda dapat menyediakan templat Anda sendiri untuk berbagai komponen dalam SDK:

Untuk menjalankan aplikasi:

Buat file bernama .env di direktori root dengan konten berikut:

 STREAM_API_KEY=<Your API key>
STREAM_USER_ID=<Your user ID>
STREAM_USER_TOKEN=<Your user token>

Jalankan npm install untuk menginstal dependensi.

Jalankan npm run start:customizations-example dan arahkan ke http://localhost:4200/ .

Pembangunan lokal

Repositori ini menyertakan aplikasi contoh untuk menguji perpustakaan kami.

Untuk menguji aplikasi:

Buat file bernama .env di direktori root dengan konten berikut:

 STREAM_API_KEY=<Your API key>
STREAM_USER_ID=<Your user ID>
STREAM_USER_TOKEN=<Your user token>

Jalankan npm install di root proyek. Anda dapat menggunakan perintah npm run start:dev untuk memulai SampleApp dengan memuat ulang otomatis.