ผลิตภัณฑ์
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 สำหรับภาพและวิดีโอแบบเรียลไทม์
โซลูชัน

สร้างขึ้นเพื่อ REACT NATIVE

React Native
Chat SDK

สร้างระบบส่งข้อความบนมือถือด้วย React Native Chat SDK ของ Tencent RTC ใช้ตรรกะแชทร่วมกันระหว่าง iOS และ Android พร้อมคงหน้าจอและการโต้ตอบแบบเนทีฟของคุณเอง

แหล่งข้อมูลสำหรับนักพัฒนา

เอกสารและตัวอย่าง Chat SDK สำหรับ React Native

แชร์ช่วงเวลานี้

เชื่อมต่อตัวเลือกรูปภาพแบบเนทีฟเข้ากับการสนทนาที่ช่วยให้ผู้คนใกล้ชิดกัน

เดินหน้าโปรเจกต์อย่างต่อเนื่อง

นำไฟล์ที่แชร์และการสนทนาของทีมมาไว้ในเครื่องมือบนมือถือที่ผู้คนใช้งานอยู่แล้ว

ความสามารถด้านแชทของ REACT NATIVE

รากฐานด้านการรับส่งข้อความสำหรับผลิตภัณฑ์ของคุณ

การสนทนาโดยตรง

  • ข้อความแบบตัวต่อตัว
  • อินเทอร์เฟซของคุณเอง

การรับส่งข้อความกลุ่ม

  • การสนทนาร่วมกัน
  • API การเป็นสมาชิก

ข้อความแบบริช

  • ข้อความและสื่อ
  • เนื้อหาแอปพลิเคชันแบบกำหนดเอง

สถานะการสนทนา

  • ประวัติและจำนวนที่ยังไม่ได้อ่าน
  • พื้นที่จัดเก็บของแอปพลิเคชัน

ข้อมูลประจำตัวผู้ใช้

  • ID ผู้ใช้ของคุณเอง
  • การยืนยันตัวตนด้วย UserSig

การผสานรวมแอป

  • React Native APIs
  • วงจรชีวิตเฉพาะแพลตฟอร์ม

สำรวจ React Native Chat APIs

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

เชื่อมต่อ

ชั้นการส่งข้อความเดียว สองแพลตฟอร์ม

ลงทะเบียนปลั๊กอินอัปโหลดและเครือข่ายก่อนเชื่อมต่อผู้ใช้ของคุณ

อ่านเอกสาร
chat.ts
import TencentCloudChat from '@tencentcloud/chat';
import NetInfo from '@react-native-community/netinfo';
import TIMUploadPlugin from 'tim-upload-plugin';

const chat = TencentCloudChat.create({ SDKAppID });
chat.registerPlugin({ 'chat-network-monitor': NetInfo });
chat.registerPlugin({ 'tim-upload-plugin': TIMUploadPlugin });

การปรับแต่ง

ประสบการณ์ของคุณ ในแบบของคุณ

สร้างอินเทอร์เฟซของคุณเองสำหรับการสนทนาที่เชื่อมต่อแล้ว

สร้างประสบการณ์ในแบบของคุณ

เชื่อมต่อเหตุการณ์การส่งข้อความกับหน้าจอและการโต้ตอบที่ผลิตภัณฑ์ของคุณต้องการ

อ่านเอกสาร

เริ่มต้นใช้งาน

การสนทนาครั้งแรกของคุณเริ่มต้นที่นี่

  1. 01

    สร้างแอปของคุณ

    ตั้งค่าแอปพลิเคชัน Chat และผู้ใช้ทดสอบ

    เปิดคอนโซล Chat
  2. 02

    เพิ่ม Chat SDK สำหรับ React Native

    ทำตามคู่มือแพลตฟอร์มเพื่อเชื่อมต่อโปรเจกต์ของคุณ

    ทำตามคู่มือการผสานรวม
  3. 03

    เชื่อมต่อผู้ใช้ของคุณ

    ลงชื่อเข้าใช้ด้วยผู้ใช้ทดสอบสองราย แล้วส่งข้อความแรกของคุณ

    เชื่อมต่อผู้ใช้ของคุณ
Chat SDK สำหรับ React Native
เทอร์มินัล
npm install @tencentcloud/chat tim-upload-plugin @react-native-community/netinfo
chat.ts
import TencentCloudChat from '@tencentcloud/chat';
import NetInfo from '@react-native-community/netinfo';
import TIMUploadPlugin from 'tim-upload-plugin';

const chat = TencentCloudChat.create({ SDKAppID });
chat.registerPlugin({ 'chat-network-monitor': NetInfo });
chat.registerPlugin({ 'tim-upload-plugin': TIMUploadPlugin });

คำถามที่พบบ่อยเกี่ยวกับ React Native Chat SDK

SDK จัดการการตั้งค่าแพลตฟอร์มเนทีฟหรือไม่

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

React Native Chat SDK มี UI สำเร็จรูปพร้อมใช้หรือไม่?

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

ฉันจะยืนยันตัวตนผู้ใช้ของ React Native Chat SDK ได้อย่างไร

สร้าง UserSig สำหรับ production ที่ backend แล้วส่งให้ไคลเอนต์เพื่อยืนยันตัวตน โดยเก็บข้อมูลลับของแอปพลิเคชันไว้บนเซิร์ฟเวอร์

ข้อมูลโค้ด React Native เหล่านี้ประกอบกันเป็นแอปพลิเคชันที่สมบูรณ์หรือไม่

เนื้อหาเหล่านี้แสดงขั้นตอนการผสานรวมแต่ละขั้น โปรดทำตามคู่มือฉบับเต็มสำหรับการนำเข้า การเริ่มต้นระบบ การเข้าสู่ระบบ การจัดการข้อผิดพลาด และการกำหนดค่าเฉพาะเป้าหมาย ทดสอบการรับส่งข้อความด้วยบัญชีแยกกันก่อนเผยแพร่

ค่าบริการตามการใช้งาน React Native Chat SDK คิดอย่างไร?

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

จะผสานรวม Chat SDK React Native กับ React Native ได้อย่างไร?

ติดตั้งแพ็กเกจและ dependency แบบเนทีฟตามเอกสาร แล้วบิลด์แอปเนทีฟใหม่ ตรวจสอบสิทธิ์ วงจรชีวิต และ callback แบบเนทีฟ โดยไม่ถือว่ารันไทม์มีเพียง JavaScript

จะทดสอบ Chat SDK React Native ก่อนเผยแพร่แอปได้อย่างไร?

ตรวจสอบการเข้าสู่ระบบ ความพร้อม SDK เหตุการณ์ส่งรับ และสถานะข้อความหลังเชื่อมต่อใหม่

จะปรับแต่งอินเทอร์เฟซของ Chat SDK React Native ได้อย่างไร?

สร้างรายการบทสนทนา การแสดงข้อความ และตัวเขียนเองจากเหตุการณ์ SDK ตามเอกสาร

ค้นหาความช่วยเหลือสำหรับขั้นตอนถัดไป

พูดคุยเกี่ยวกับแอปพลิเคชันของคุณ

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

ติดต่อฝ่ายขาย

สร้างประสบการณ์การสนทนาครั้งต่อไปของคุณ

สร้าง app ของคุณด้วย Chat SDK สำหรับ React Native