ผลิตภัณฑ์
Call
สร้างฟังก์ชันการโทรผ่านวิดีโอและเสียงภายในแอปได้อย่างง่ายดาย
Room
เพิ่มฟีเจอร์การประชุมลงในแอปของคุณด้วย Room SDK
Live
เพิ่มการไลฟ์สตรีมวิดีโอและเสียงแบบโต้ตอบลงในแอปของคุณ
Chat
เพิ่มประสบการณ์การรับส่งข้อความให้กับแอปของคุณด้วย Chat API
Push
เข้าถึงและกระตุ้นให้ผู้ใช้กลับมามีส่วนร่วมอีกครั้งได้ทันทีด้วย App Push และ Web Push
RTC Engine
ยกระดับการสื่อสารแบบเรียลไทม์ภายในแอปด้วย RTC SDK
In-game Voice Chat
สร้างแชตเสียงในเกมที่สมจริงด้วย GVoice SDK
Beauty AR
ผสานรวม Beauty AR สำหรับภาพและวิดีโอแบบเรียลไทม์
โซลูชัน
ข้ามไปยังเนื้อหา

CHAT สำหรับนักพัฒนา

UI Kit แชทที่เข้ากับผลิตภัณฑ์ของคุณ

เริ่มต้นด้วยรายการสนทนาที่เชื่อมต่อ มุมมองข้อความ และเครื่องมือเขียนข้อความ ปรับแต่งอินเทอร์เฟซด้วยคอมโพเนนต์เฉพาะแพลตฟอร์มและจุดปรับแต่งที่รองรับ

การส่งข้อความภายในแอปของคุณ ภายใต้แบรนด์และกฎทางธุรกิจของคุณ

แบรนด์ของคุณในทุกบทสนทนาภาพประกอบ UI ของแอปพลิเคชัน

เลือกแพลตฟอร์มของคุณ

คอมโพเนนต์ที่เชื่อมต่อกันสำหรับเฟรมเวิร์กของคุณ

เปรียบเทียบโมเดลคอมโพเนนต์ ข้อกำหนดในการติดตั้ง และตัวเลือกการปรับแต่งของแต่ละแพลตฟอร์ม

ความสามารถของผลิตภัณฑ์

การรับส่งข้อความที่สร้างขึ้นโดยคำนึงถึงผลิตภัณฑ์ของคุณ

ดูว่ารายการสนทนา มุมมองข้อความ และเครื่องมือเขียนข้อความทำงานร่วมกันอย่างไร รวมถึงตำแหน่งสำหรับสไตล์ผลิตภัณฑ์และข้อความที่กำหนดเอง

ประกอบหน้าจอการสนทนา

สร้างจากคอมโพเนนต์การสนทนาและข้อความที่เชื่อมต่อกัน จากนั้นเลือกเลย์เอาต์และการนำทางโดยรอบ โมดูลที่มีให้ใช้งานจะแตกต่างกันตามแพลตฟอร์มและรุ่นของ UI Kit

คู่มือเริ่มต้นใช้งาน React UI Kit

ปรับรูปแบบภาพ

ใช้ API ธีมและส่วนขยายที่รองรับเพื่อผสานแชทเข้ากับระบบภาพของคุณ หลังปรับแต่งแล้ว ให้ตรวจสอบคอนทราสต์ ข้อความยาว สถานะการโหลด และการทำงานของเลย์เอาต์

คู่มือเริ่มต้นใช้งาน React UI Kit

เพิ่มฟีเจอร์การรับส่งข้อความให้ผลิตภัณฑ์ของคุณ

สร้างตัวเรนเดอร์แบบกำหนดเองสำหรับการจอง คำสั่งซื้อ หรือกิจกรรม เก็บสถานะธุรกรรมจริงและการอนุญาตให้ดำเนินการไว้ใน backend ที่เป็นเจ้าของเวิร์กโฟลว์นั้น

คู่มือข้อความแบบกำหนดเองสำหรับ React

เชื่อมต่อการนำทางและสถานะยังไม่ได้อ่าน

เชื่อมต่อกล่องข้อความเข้ากับการนำทางและการแจ้งเตือนของแอป ทดสอบการสนทนาที่เลือก เส้นทางย้อนกลับ การเปลี่ยนบัญชี และ deep link จากการแจ้งเตือนบนทุกแพลตฟอร์มเป้าหมายที่รองรับ

API คอมโพเนนต์ React ConversationList

ผสานริชมีเดียเข้ากับบทสนทนา

เริ่มต้นด้วยคอมโพเนนต์ข้อความรูปภาพ ไฟล์ และเสียงที่รองรับ ให้ผู้ใช้ดูตัวอย่างก่อนส่งและเปิดไฟล์แนบได้ง่าย พร้อมกำหนดขีดจำกัดการอัปโหลดและสิทธิ์แบบเนทีฟสำหรับแพลตฟอร์มของคุณ

API ข้อความ JavaScript

จัดระเบียบการสนทนากลุ่ม

ใช้คอมโพเนนต์กลุ่มและสมาชิกของแพลตฟอร์มเพื่อแสดงรายละเอียดการสนทนาและข้อมูลสมาชิก เชื่อมโยงการดำเนินการต่างๆ เช่น การเข้าร่วม การเชิญ และการออกจากกลุ่ม เข้ากับโมเดลกลุ่มและกฎการเข้าถึงที่ผลิตภัณฑ์ของคุณต้องการ

เลือกประเภทกลุ่ม Chat ที่เหมาะสม

ความพร้อมใช้งานแตกต่างกันไปตาม SDK รุ่น และแผนบริการ ดูแพ็กเกจ Chat และข้อจำกัดของฟีเจอร์ ↗

POKEKARA · ความบันเทิงทางสังคม

สร้างการโต้ตอบรอบประสบการณ์ไลฟ์

กรณีการใช้งาน Tencent RTC ของ Pokekara ผสานคาราโอเกะ ห้องไลฟ์ และการรับส่งข้อความทางสังคมเข้าด้วยกัน โดยอธิบายโซลูชันการผสานรวมที่มี Chat API และ UI Kit ที่สร้างไว้ล่วงหน้า

  • แชตภายในประสบการณ์ความบันเทิง
  • คอมโพเนนต์ที่ใช้ร่วมกับบริการเสียงและวิดีโอ
อ่านเรื่องราวของลูกค้า กรณีใช้งานหลายผลิตภัณฑ์ที่เผยแพร่แล้ว โดยบทความไม่ได้ระบุชื่อเฟรมเวิร์ก UI Kit

ทำไมต้อง TENCENT RTC

UI สำเร็จรูปยังคงต้องมีการผสานรวมเข้ากับผลิตภัณฑ์

Chat UI Kit ช่วยลดงานพัฒนาคอมโพเนนต์ได้ แต่แอปของคุณยังต้องจัดการตัวตนผู้ใช้ที่ผ่านการยืนยัน สิทธิ์ในการสนทนา การนำทาง และกฎทางธุรกิจ เริ่มจากคู่มือสำหรับแพลตฟอร์มที่ถูกต้องและตรวจสอบการขึ้นต่อกันก่อนกำหนดขอบเขตการผสานรวม

เริ่มต้นด้วยคอมโพเนนต์ที่เชื่อมต่อไว้แล้ว

รายการสนทนา มุมมองข้อความ และเครื่องมือเขียนข้อความเชื่อมต่อกับสถานะของ Chat แล้ว จึงช่วยลดงานเชื่อมต่ออินเทอร์เฟซที่ทีมของคุณต้องพัฒนา

สร้างผลิตภัณฑ์ให้มีเอกลักษณ์ในแบบของคุณ

API ธีมและส่วนขยายเฉพาะแพลตฟอร์มรองรับแชทที่สอดคล้องกับแบรนด์และการแสดงข้อความเฉพาะแอป โดยไม่ต้องมีหน้าจอแชทแยกต่างหาก

เลือกขอบเขตอินเทอร์เฟซที่ต้องการนำมาใช้

เลือกคอมโพเนนต์ที่แพลตฟอร์มของคุณรองรับ หรือใช้ Core SDK ในส่วนที่ต้องควบคุม UI อย่างเต็มรูปแบบ ตรวจสอบขอบเขตของคอมโพเนนต์ก่อนประเมินงานพัฒนา

สำรวจผลิตภัณฑ์ Chat และความสามารถทั้งหมด ↗

ทดลองใช้งาน

สัมผัสประสบการณ์การสนทนา

เปลี่ยนธีมและเพิ่มข้อความในตัวอย่างอินเทอร์เฟซภายในเครื่องนี้ จากนั้นเปิดเดโม Chat อย่างเป็นทางการเพื่อสำรวจการส่งข้อความที่เชื่อมต่อกันด้วยบัญชีทดสอบ

ตัวอย่างนี้ใช้สถานะภายในเครื่องและผู้เข้าร่วมสมมติ โดยจะไม่เชื่อมต่อกับ Tencent RTC หรือส่งข้อความถึงบุคคลอื่น

ปรับแต่งตัวอย่าง
Iris Morganบทสนทนาสมมติ

เลย์เอาต์สตูดิโอที่แก้ไขแล้วพร้อมให้ตรวจสอบ

ส่ง ↑

Local UI preview · no message is sent to a service

จากการประเมินสู่การผสานรวม

เชื่อมต่อ Chat เข้ากับแอปพลิเคชันของคุณ

เริ่มจากคู่มือเริ่มต้นอย่างรวดเร็วของ selected platform แล้วเพิ่มการยืนยันตัวตนและลักษณะการทำงานของข้อความที่แอปพลิเคชันของคุณต้องการ

  1. 01

    เลือกเฟรมเวิร์ก

    เลือก React, React Native, Flutter, iOS หรือ Android แล้วตรวจสอบคู่มือการผสานรวมฉบับปัจจุบัน

  2. 02

    ติดตั้งและยืนยันตัวตน

    กำหนดค่าการขึ้นต่อกันตามที่ระบุในเอกสาร และเชื่อมต่อ UI กับข้อมูลประจำตัว Chat ที่ออกโดยเซิร์ฟเวอร์

  3. 03

    ปรับแต่งและตรวจสอบ

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

ก่อนเริ่มสร้าง

คำถามที่พบบ่อยเกี่ยวกับ 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 ของคุณ.

พูดคุยกับทีม Tencent RTC เกี่ยวกับแพลตฟอร์ม ตลาดเป้าหมาย จำนวนผู้ใช้งานรายเดือนที่คาดการณ์ และกำหนดการเปิดตัวของคุณ

ความเหมาะสมทางเทคนิคขอบเขตการย้ายระบบการใช้งานและราคา

แจ้งความต้องการของคุณให้เราทราบ

รับความช่วยเหลือในการกำหนดขอบเขตประสบการณ์การส่งข้อความและการผสานรวมที่ทีมของคุณต้องการ

ติดต่อทีมของเราไปยังแบบฟอร์มติดต่ออย่างเป็นทางการของ Tencent RTC
เริ่มพัฒนาด้วย Chat ↗