CHAT สำหรับนักพัฒนา
UI Kit แชทที่เข้ากับผลิตภัณฑ์ของคุณ
เริ่มต้นด้วยรายการสนทนาที่เชื่อมต่อ มุมมองข้อความ และเครื่องมือเขียนข้อความ ปรับแต่งอินเทอร์เฟซด้วยคอมโพเนนต์เฉพาะแพลตฟอร์มและจุดปรับแต่งที่รองรับ
การส่งข้อความภายในแอปของคุณ ภายใต้แบรนด์และกฎทางธุรกิจของคุณ
เลือกแพลตฟอร์มของคุณ
คอมโพเนนต์ที่เชื่อมต่อกันสำหรับเฟรมเวิร์กของคุณ
เปรียบเทียบโมเดลคอมโพเนนต์ ข้อกำหนดในการติดตั้ง และตัวเลือกการปรับแต่งของแต่ละแพลตฟอร์ม
Chat UI Kit สำหรับ React
สร้างการส่งข้อความแบบตัวต่อตัวและแบบกลุ่มด้วย React Chat SDK และ UI Kit ของ Tencent RTC เพิ่มรายการสนทนา ข้อความ และช่องเขียนข้อความที่เชื่อมโยงกัน แล้วปรับแต่งให้เหมาะกับผลิตภัณฑ์ของคุณ
คอมโพเนนต์และการตั้งค่าChat UI Kit สำหรับ React Native
เพิ่มการสนทนาบนอุปกรณ์เคลื่อนที่ด้วย React Native Chat UI Kit ของ Tencent RTC ผสานรวมรายการสนทนาที่เชื่อมต่อแล้ว ข้อความ และคอมโพเนนต์ป้อนข้อมูลเข้ากับแอป iOS และ Android
คอมโพเนนต์และการตั้งค่าChat UI Kit สำหรับ Flutter
สร้างหน้าจอรับส่งข้อความที่เชื่อมต่อกันด้วย Flutter Chat UI Kit ของ Tencent RTC ปรับวิดเจ็ตการสนทนาและข้อความให้เข้ากับเลย์เอาต์และการนำทางของผลิตภัณฑ์
คอมโพเนนต์และการตั้งค่าChat UI Kit สำหรับ iOS
เพิ่มหน้าจอส่งข้อความแบบเนทีฟด้วย iOS Chat UI Kit ของ Tencent RTC เริ่มจากการสนทนา ข้อความ และรายชื่อติดต่อ จากนั้นปรับประสบการณ์ให้เหมาะกับแอป
คอมโพเนนต์และการตั้งค่าChat UI Kit สำหรับ Android
เพิ่มหน้าจอรับส่งข้อความ Kotlin ด้วย Android Chat UI Kit ของ Tencent RTC ผสานรวมการสนทนา ข้อความ และรายชื่อติดต่อเข้ากับแอปด้วยรูปแบบภาพที่สอดคล้องกัน
คอมโพเนนต์และการตั้งค่าความสามารถของผลิตภัณฑ์
การรับส่งข้อความที่สร้างขึ้นโดยคำนึงถึงผลิตภัณฑ์ของคุณ
ดูว่ารายการสนทนา มุมมองข้อความ และเครื่องมือเขียนข้อความทำงานร่วมกันอย่างไร รวมถึงตำแหน่งสำหรับสไตล์ผลิตภัณฑ์และข้อความที่กำหนดเอง
ปรับรูปแบบภาพ
ใช้ API ธีมและส่วนขยายที่รองรับเพื่อผสานแชทเข้ากับระบบภาพของคุณ หลังปรับแต่งแล้ว ให้ตรวจสอบคอนทราสต์ ข้อความยาว สถานะการโหลด และการทำงานของเลย์เอาต์
คู่มือเริ่มต้นใช้งาน React UI Kit ↗เพิ่มฟีเจอร์การรับส่งข้อความให้ผลิตภัณฑ์ของคุณ
สร้างตัวเรนเดอร์แบบกำหนดเองสำหรับการจอง คำสั่งซื้อ หรือกิจกรรม เก็บสถานะธุรกรรมจริงและการอนุญาตให้ดำเนินการไว้ใน backend ที่เป็นเจ้าของเวิร์กโฟลว์นั้น
คู่มือข้อความแบบกำหนดเองสำหรับ React ↗เชื่อมต่อการนำทางและสถานะยังไม่ได้อ่าน
เชื่อมต่อกล่องข้อความเข้ากับการนำทางและการแจ้งเตือนของแอป ทดสอบการสนทนาที่เลือก เส้นทางย้อนกลับ การเปลี่ยนบัญชี และ deep link จากการแจ้งเตือนบนทุกแพลตฟอร์มเป้าหมายที่รองรับ
API คอมโพเนนต์ React ConversationList ↗ผสานริชมีเดียเข้ากับบทสนทนา
เริ่มต้นด้วยคอมโพเนนต์ข้อความรูปภาพ ไฟล์ และเสียงที่รองรับ ให้ผู้ใช้ดูตัวอย่างก่อนส่งและเปิดไฟล์แนบได้ง่าย พร้อมกำหนดขีดจำกัดการอัปโหลดและสิทธิ์แบบเนทีฟสำหรับแพลตฟอร์มของคุณ
API ข้อความ JavaScript ↗จัดระเบียบการสนทนากลุ่ม
ใช้คอมโพเนนต์กลุ่มและสมาชิกของแพลตฟอร์มเพื่อแสดงรายละเอียดการสนทนาและข้อมูลสมาชิก เชื่อมโยงการดำเนินการต่างๆ เช่น การเข้าร่วม การเชิญ และการออกจากกลุ่ม เข้ากับโมเดลกลุ่มและกฎการเข้าถึงที่ผลิตภัณฑ์ของคุณต้องการ
เลือกประเภทกลุ่ม Chat ที่เหมาะสม ↗ความพร้อมใช้งานแตกต่างกันไปตาม SDK รุ่น และแผนบริการ ดูแพ็กเกจ Chat และข้อจำกัดของฟีเจอร์ ↗
POKEKARA · ความบันเทิงทางสังคม
สร้างการโต้ตอบรอบประสบการณ์ไลฟ์
กรณีการใช้งาน Tencent RTC ของ Pokekara ผสานคาราโอเกะ ห้องไลฟ์ และการรับส่งข้อความทางสังคมเข้าด้วยกัน โดยอธิบายโซลูชันการผสานรวมที่มี Chat API และ UI Kit ที่สร้างไว้ล่วงหน้า
- แชตภายในประสบการณ์ความบันเทิง
- คอมโพเนนต์ที่ใช้ร่วมกับบริการเสียงและวิดีโอ

ทำไมต้อง TENCENT RTC
UI สำเร็จรูปยังคงต้องมีการผสานรวมเข้ากับผลิตภัณฑ์
Chat UI Kit ช่วยลดงานพัฒนาคอมโพเนนต์ได้ แต่แอปของคุณยังต้องจัดการตัวตนผู้ใช้ที่ผ่านการยืนยัน สิทธิ์ในการสนทนา การนำทาง และกฎทางธุรกิจ เริ่มจากคู่มือสำหรับแพลตฟอร์มที่ถูกต้องและตรวจสอบการขึ้นต่อกันก่อนกำหนดขอบเขตการผสานรวม
เริ่มต้นด้วยคอมโพเนนต์ที่เชื่อมต่อไว้แล้ว
รายการสนทนา มุมมองข้อความ และเครื่องมือเขียนข้อความเชื่อมต่อกับสถานะของ Chat แล้ว จึงช่วยลดงานเชื่อมต่ออินเทอร์เฟซที่ทีมของคุณต้องพัฒนา
สร้างผลิตภัณฑ์ให้มีเอกลักษณ์ในแบบของคุณ
API ธีมและส่วนขยายเฉพาะแพลตฟอร์มรองรับแชทที่สอดคล้องกับแบรนด์และการแสดงข้อความเฉพาะแอป โดยไม่ต้องมีหน้าจอแชทแยกต่างหาก
เลือกขอบเขตอินเทอร์เฟซที่ต้องการนำมาใช้
เลือกคอมโพเนนต์ที่แพลตฟอร์มของคุณรองรับ หรือใช้ Core SDK ในส่วนที่ต้องควบคุม UI อย่างเต็มรูปแบบ ตรวจสอบขอบเขตของคอมโพเนนต์ก่อนประเมินงานพัฒนา
ทดลองใช้งาน
สัมผัสประสบการณ์การสนทนา
เปลี่ยนธีมและเพิ่มข้อความในตัวอย่างอินเทอร์เฟซภายในเครื่องนี้ จากนั้นเปิดเดโม Chat อย่างเป็นทางการเพื่อสำรวจการส่งข้อความที่เชื่อมต่อกันด้วยบัญชีทดสอบ
ตัวอย่างนี้ใช้สถานะภายในเครื่องและผู้เข้าร่วมสมมติ โดยจะไม่เชื่อมต่อกับ Tencent RTC หรือส่งข้อความถึงบุคคลอื่น
เลย์เอาต์สตูดิโอที่แก้ไขแล้วพร้อมให้ตรวจสอบ
Local UI preview · no message is sent to a service
จากการประเมินสู่การผสานรวม
เชื่อมต่อ Chat เข้ากับแอปพลิเคชันของคุณ
เริ่มจากคู่มือเริ่มต้นอย่างรวดเร็วของ selected platform แล้วเพิ่มการยืนยันตัวตนและลักษณะการทำงานของข้อความที่แอปพลิเคชันของคุณต้องการ
- 01
เลือกเฟรมเวิร์ก
เลือก React, React Native, Flutter, iOS หรือ Android แล้วตรวจสอบคู่มือการผสานรวมฉบับปัจจุบัน
- 02
ติดตั้งและยืนยันตัวตน
กำหนดค่าการขึ้นต่อกันตามที่ระบุในเอกสาร และเชื่อมต่อ UI กับข้อมูลประจำตัว Chat ที่ออกโดยเซิร์ฟเวอร์
- 03
ปรับแต่งและตรวจสอบ
ปรับธีมและการนำทาง เพิ่มข้อความแบบกำหนดเอง และทดสอบการทำงานบนอุปกรณ์จริง
คู่มือเริ่มต้นใช้งาน React UI Kit
ทำตามคู่มือเริ่มต้นใช้งาน React อย่างรวดเร็ว หรือเลือกคู่มือเฉพาะสำหรับเนทีฟหรือ Flutter ด้านบน
เปิดคู่มืออย่างเป็นทางการ ↗คู่มือข้อความแบบกำหนดเองสำหรับ React
ใช้ตัวอย่าง React เพื่อแสดงข้อความและการดำเนินการเฉพาะของแอปพลิเคชัน
เปิดคู่มืออย่างเป็นทางการ ↗React ConversationList API
ตรวจสอบสถานะการเชื่อมต่อ การนำทาง และจุดเปลี่ยนที่ระบุไว้ในเอกสารก่อนปรับแต่ง
เปิดคู่มืออย่างเป็นทางการ ↗สร้าง UserSig บนเซิร์ฟเวอร์ของคุณ
เชื่อมต่อ UI Kit กับผู้ใช้ที่ผ่านการยืนยันตัวตนด้วยแบ็กเอนด์ของคุณเอง
เปิดคู่มืออย่างเป็นทางการ ↗ก่อนเริ่มสร้าง
คำถามที่พบบ่อยเกี่ยวกับ Chat UI Kits
คำตอบสำหรับทีมผลิตภัณฑ์และวิศวกรรม
UI Kit แชทเป็นเพียงเทมเพลตภาพหรือไม่
+
Tencent RTC UI Kits มีคอมโพเนนต์ที่ผสานรวมกับฟังก์ชัน Chat แต่ยังคงต้องมีแอปพลิเคชัน การยืนยันตัวตน การกำหนดค่า รวมถึง SDK และการขึ้นต่อกันแบบเนทีฟที่เกี่ยวข้อง
ฉันควรใช้ UI Kit แชทใดสำหรับ React
+
ใช้ React UI Kit สำหรับอินเทอร์เฟซเว็บ ส่วน React Native มีแพ็กเกจแยกต่างหากและต้องตั้งค่าแบบเนทีฟสำหรับแอปมือถือ โดยแนวทางการผสานรวมทั้งสองแบบไม่สามารถใช้แทนกันได้
ฉันสามารถใช้เพียงบางส่วนของ UI Kit ได้หรือไม่
+
โมดูลและจุดต่อขยายที่ใช้ได้จะแตกต่างกันไปตามแพลตฟอร์ม โปรดตรวจสอบเอกสารล่าสุดเพื่อเลือกคอมโพเนนต์หรือแทนที่บางส่วนของประสบการณ์การใช้งาน
ฉันใช้ UI ของตัวเองแทนได้ไหม
+
ได้ เลือก Core Chat SDK สำหรับหน้าจอที่กำหนดเองทั้งหมด และใช้ API ฝั่งเซิร์ฟเวอร์สำหรับการดำเนินงาน backend
ตัวอย่างภาพเชื่อมต่อกับ Tencent RTC หรือไม่
+
ตัวอย่างบนหน้าแสดงลักษณะการทำงานของ UI ภายในเครื่องโดยใช้ผู้เข้าร่วมสมมติ เปิดเดโม Chat อย่างเป็นทางการเพื่อประเมินผลิตภัณฑ์ที่เชื่อมต่อ
เราควรเลือกระหว่าง UI Kit กับ Core SDK อย่างไร
+
ใช้ UI Kit เมื่อคอมโพเนนต์ที่เชื่อมต่อกันและจุดต่อขยายเหมาะกับผลิตภัณฑ์ เลือก Core SDK เมื่อต้องการควบคุมการแสดงข้อความ การนำทาง และการโต้ตอบอย่างสมบูรณ์ โดยเปรียบเทียบกับหน้าจอจริงที่คุณจะต้องพัฒนาขึ้นเองหากไม่ใช้ UI Kit
จะปรับแต่ง UI Kit แชตสำหรับแอปอย่างไร
+
เลือกธีมและจุดขยายคอมโพเนนต์ตามเอกสารแพลตฟอร์ม ทดสอบข้อความกำหนดเอง การนำทาง และสถานะยังไม่อ่านร่วมกับ Chat SDK ที่เริ่มแล้ว
UI Kit แชตใดใช้ได้กับ React Native หรือ Flutter
+
แพลตฟอร์มเหล่านี้มีแพ็กเกจและการตั้งค่าเนทีฟแยก ทำตามคู่มือที่ตรงกันแทนการใช้คอมโพเนนต์ React Web ซ้ำหรือสมมติว่า API ขยายเหมือนกัน
สำรวจโซลูชันที่เกี่ยวข้อง
ค้นหาขั้นตอนถัดไปในการผสานรวมของคุณ
Chat SDK
เลือก Chat SDK สำหรับ JavaScript, iOS, Android, React Native, Flutter, Unity หรือ Unreal เปรียบเทียบแนวทางการผสานรวม ทดลองใช้ฟีเจอร์รับส่งข้อความ และเริ่มต้นด้วยเอกสารอย่างเป็นทางการ
สำรวจ →ฝ่ายสนับสนุนลูกค้า
สร้างแชตบริการลูกค้าภายในแอปของคุณ เก็บประวัติข้อความ รับไฟล์แนบ เชื่อมต่อเวิร์กโฟลว์ของเจ้าหน้าที่ และประเมิน Tencent RTC Chat ผ่านการสาธิตสด
สำรวจ →ชุมชนออนไลน์
สร้างแชทชุมชนที่มีกลุ่ม หัวข้อ การกล่าวถึง การแจ้งเตือน และการควบคุมการดูแลเนื้อหา เพิ่มการรับส่งข้อความให้ชุมชนของคุณด้วย Tencent RTC SDK และ UI Kit
สำรวจ →มาร์เก็ตเพลส
สร้างระบบส่งข้อความระหว่างผู้ซื้อและผู้ขายสำหรับมาร์เก็ตเพลสของคุณ เชื่อมต่อรายการสินค้า สื่อ การอัปเดตคำสั่งซื้อ การรายงาน และการแจ้งเตือนด้วย Tencent RTC Chat SDK และ API
สำรวจ →วางแผนการผสานรวมของคุณ
มาพูดคุยเกี่ยวกับ
การผสานรวม Chat ของคุณ.
พูดคุยกับทีม Tencent RTC เกี่ยวกับแพลตฟอร์ม ตลาดเป้าหมาย จำนวนผู้ใช้งานรายเดือนที่คาดการณ์ และกำหนดการเปิดตัวของคุณ
แจ้งความต้องการของคุณให้เราทราบ
รับความช่วยเหลือในการกำหนดขอบเขตประสบการณ์การส่งข้อความและการผสานรวมที่ทีมของคุณต้องการ
ติดต่อทีมของเรา↗ไปยังแบบฟอร์มติดต่ออย่างเป็นทางการของ Tencent RTCเริ่มพัฒนาด้วย Chat ↗
