ส่วนประกอบ PubNub Chat สำหรับ React และ React Native
สำคัญ
PubNub จะหยุดรองรับ Chat Components ในวันที่ 1 มกราคม 2025 แต่คุณสามารถมีส่วนร่วมได้ เรียนรู้วิธีโยกย้ายไปยัง Chat SDK ที่นี่
ส่วนประกอบ PubNub Chat สำหรับ React และ React Native เป็นวิธีที่เร็วที่สุดในการเพิ่มคุณสมบัติการแชท เช่น การส่งข้อความโดยตรงและแบบกลุ่ม ตัวบ่งชี้การพิมพ์ หรือการโต้ตอบ โดยไม่ต้องผ่านความซับซ้อนของสถาปัตยกรรมระดับต่ำของเครือข่ายเรียลไทม์
- ลดเวลาในการใช้งาน : พัฒนาแอปที่พิสูจน์แนวคิดและพร้อมสำหรับการผลิตได้เร็วขึ้นโดยใช้ส่วนประกอบที่กำหนดไว้ล่วงหน้า
- ความสามารถในการขยายที่รวดเร็วและง่ายดาย : เพิ่มฟีเจอร์ที่หลากหลาย เช่น ตัวบ่งชี้การพิมพ์ ใบตอบรับการอ่าน หรือการตอบสนอง โดยไม่ต้องเขียนโค้ดที่ซับซ้อน
- ส่วนประกอบที่ยืดหยุ่นและปรับแต่งได้ : ปรับแต่งการออกแบบส่วนประกอบและเพิ่มส่วนประกอบที่กำหนดเองเพื่อขยายฟังก์ชันการทำงาน
- ความสามารถในการปรับขนาดสูง : ให้ PubNub ดูแลการปรับขนาดและความน่าเชื่อถือในขณะที่คุณพัฒนาแอปของคุณ
- ธีมง่าย ๆ : ใช้ธีมสว่างและธีมมืดในตัวหรือสร้างธีมที่กำหนดเองสำหรับกรณีการใช้งานต่างๆ: กลุ่ม การสนับสนุน และการแชทในกิจกรรม
- Strong Typing : ใช้พลังของ TypeScript เพื่อพัฒนาแอปพลิเคชันของคุณ
คุณสมบัติ
- ข้อมูลเมตาผู้ใช้และช่อง : เพิ่มข้อมูลเพิ่มเติมเกี่ยวกับผู้ใช้ ช่อง และการเป็นสมาชิกจากที่เก็บข้อมูล PubNub Objects โดยใช้ hooks ที่กำหนดเอง
- การสมัครสมาชิก : สมัครสมาชิกช่องผู้ใช้โดยอัตโนมัติ
- ข้อความ : เผยแพร่และแสดงข้อความใหม่และประวัติ
- การแสดงตน : รับผู้ใช้ที่ใช้งานอยู่ในปัจจุบัน สังเกตสถานะของพวกเขา และแจ้งให้พวกเขาทราบเกี่ยวกับการเปลี่ยนแปลง
- ตัวบ่งชี้การพิมพ์ : แสดงการแจ้งเตือนที่ผู้ใช้กำลังพิมพ์
- การโต้ตอบข้อความ : เผยแพร่และเพิ่มอิโมจิลงในข้อความ
ส่วนประกอบที่มีอยู่
- ผู้ให้บริการแชท - React / React Native
- รายการข้อความ - React / React Native
- การป้อนข้อความ - React / React Native
- รายการช่อง - React / React Native
- รายชื่อสมาชิก - React / React Native
- ตัวบ่งชี้การพิมพ์ - React / React Native
ข้อกำหนดเบื้องต้น
- ตอบสนอง v16.8+
- ReactDOM v16.8+ หรือ React Native v0.69+
- PubNub JavaScript SDK เวอร์ชัน 4.29+
- PubNub React SDK เวอร์ชัน 2.1.0+
การใช้งาน
เริ่มต้นด้วยการสำรวจแอปสาธิตของเราที่สร้างขึ้นโดยใช้ส่วนประกอบการแชท:
| ซอร์สโค้ด | ตอบสนอง | ตอบสนองพื้นเมือง | คำอธิบาย |
|---|
getting-started | บทช่วยสอน | บทช่วยสอน | ตัวอย่างแอปแชท 1:1 เพื่อเริ่มต้นใช้งาน |
group-chat | สาธิต / บทช่วยสอน | - | แอพแชทกลุ่มที่มีการดูแลที่ซับซ้อน |
live-events | สาธิต / บทช่วยสอน | - | แอพถ่ายทอดสดพร้อมแผงแชท |
telehealth | สาธิต / บทช่วยสอน | - | แอพแชทผู้ป่วย-แพทย์ที่เรียบง่าย |
เอกสารที่เกี่ยวข้อง
- ส่วนประกอบ PubNub Chat สำหรับ React เอกสารประกอบ - เอกสารอธิบายวิธีทำงานกับ PubNub Chat Components สำหรับ React
- ส่วนประกอบ PubNub Chat สำหรับ React Native เอกสาร - เอกสารอธิบายวิธีทำงานกับ PubNub Chat Components สำหรับ React Native
- กรณีการใช้งานแชท PubNub - เอกสารประกอบกรณีการใช้งานแชท
- PubNub React SDK - เอกสารประกอบ API สำหรับ PubNub React SDK
สนับสนุน
หากคุณต้องการความช่วยเหลือหรือมีคำถามทั่วไป โปรดติดต่อฝ่ายสนับสนุน
