หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>โค้ดแหล่งที่มา AI
ดาวน์โหลด

Angular SDK อย่างเป็นทางการสำหรับการแชทแบบสตรีม

ส่วนประกอบเชิงมุมอย่างเป็นทางการสำหรับ Stream Chat ซึ่งเป็นบริการสำหรับการสร้างแอปพลิเคชันแชท

ลิงค์ด่วน

  • ลงทะเบียนเพื่อรับคีย์ API สำหรับ Stream Chat
  • บทช่วยสอนการแชทเชิงมุม
  • เอกสาร
  • ชุดแชท UI
  • แอปพลิเคชันสาธิต
  • โค้ดแซนด์บ็อกซ์

ด้วยไลบรารีส่วนประกอบของเรา คุณสามารถสร้างกรณีการใช้งานแชทได้หลากหลาย รวมถึง:

  • แชทในเกมเช่น Overwatch หรือ Fortnite
  • แชทสไตล์ทีมเช่น Slack
  • การแชทในรูปแบบการรับส่งข้อความ เช่น WhatsApp หรือ Messenger ของ Facebook
  • แชทสนับสนุนลูกค้าเช่น Drift หรือ Intercom

บทช่วยสอนการแชทเชิงมุม

วิธีเริ่มต้นที่ดีที่สุดคือปฏิบัติตามบทช่วยสอน Angular Chat โดยจะแสดงวิธีใช้ SDK นี้เพื่อสร้างแอปพลิเคชันแชทที่มีฟังก์ชันการทำงานเต็มรูปแบบ และรวมถึงการปรับแต่งทั่วไปด้วย

ฟรีสำหรับผู้สร้าง

สตรีมได้ฟรีสำหรับโปรเจ็กต์เสริมและงานอดิเรกส่วนใหญ่ เพื่อให้มีคุณสมบัติ โครงการ/บริษัทของคุณต้องมีสมาชิกในทีมไม่เกิน 5 คนและมีรายได้ต่อเดือนน้อยกว่า 10,000 ดอลลาร์ สำหรับราคาและรายละเอียดทั้งหมด โปรดไปที่หน้าราคาแชทของเรา

เอกสาร

เอกสารนี้ให้คำอธิบายโดยย่อเกี่ยวกับส่วนประกอบและบริการในห้องสมุด

ไลบรารี Angular ถูกสร้างขึ้นโดยใช้ไลบรารี stream-chat-js สำหรับกรณีการใช้งานทั่วไป บริการของเราควรให้ภาพรวมที่ดีเหนือไลบรารีนี้ อย่างไรก็ตาม คุณอาจจำเป็นต้องใช้เพื่อการปรับแต่งขั้นสูง โปรดดูเอกสารประกอบบนเว็บไซต์ของเรา

มีส่วนร่วม

เรายินดีรับการเปลี่ยนแปลงโค้ดที่ช่วยปรับปรุงไลบรารีนี้หรือแก้ไขปัญหา โปรดตรวจสอบให้แน่ใจว่าได้ปฏิบัติตามแนวทางปฏิบัติที่ดีที่สุดทั้งหมดและเพิ่มการทดสอบ หากมี ก่อนที่จะส่งคำขอดึงข้อมูลบน GitHub เรายินดีที่จะรวมโค้ดของคุณเข้ากับพื้นที่เก็บข้อมูลอย่างเป็นทางการหากตรงตามความต้องการ ตรวจสอบให้แน่ใจว่าได้ลงนามในข้อตกลงใบอนุญาตผู้สนับสนุน (CLA) ของเราก่อน ดูไฟล์ใบอนุญาตของเราสำหรับรายละเอียดเพิ่มเติม

เรากำลังจ้าง.

เมื่อเร็วๆ นี้เราได้ปิดการระดมทุน Series B มูลค่า 38 ล้านดอลลาร์ และกำลังเติบโตอย่างแข็งขัน API ของเรามีผู้ใช้ปลายทางมากกว่าพันล้านคน และด้วยการทำงานที่ Stream คุณจะมีโอกาสสร้างผลกระทบอย่างใหญ่หลวงต่อทีมวิศวกรที่แข็งแกร่งมาก

ตรวจสอบการเปิดรับสมัครในปัจจุบันของเราและสมัครผ่านทางเว็บไซต์ของ Stream

การติดตั้ง

ติดตั้งด้วย NPM

รันคำสั่งนี้หากคุณใช้ Angular 19 : 

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

เวอร์ชันเชิงมุมที่รองรับ: 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 ในไดเร็กทอรี root โดยมีเนื้อหาดังต่อไปนี้: 

 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 ในไดเร็กทอรี root โดยมีเนื้อหาดังต่อไปนี้: 

 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 ในไดเร็กทอรี root โดยมีเนื้อหาดังต่อไปนี้: 

 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 ด้วยการโหลดซ้ำอัตโนมัติ

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด