สร้างขึ้นเพื่อ REACT NATIVE
React Native
Chat SDK
สร้างระบบส่งข้อความบนมือถือด้วย React Native Chat SDK ของ Tencent RTC ใช้ตรรกะแชทร่วมกันระหว่าง iOS และ Android พร้อมคงหน้าจอและการโต้ตอบแบบเนทีฟของคุณเอง
แหล่งข้อมูลสำหรับนักพัฒนา
เอกสารและตัวอย่าง Chat SDK สำหรับ React Native
คู่มือการผสานรวม
ติดตั้ง Chat SDK สำหรับ React Native แล้วส่งข้อความทดสอบ
ตัวอย่างและซอร์สโค้ด
สำรวจประสบการณ์รับส่งข้อความและแหล่งข้อมูลอย่างเป็นทางการสำหรับนักพัฒนา
แชร์ช่วงเวลานี้
เชื่อมต่อตัวเลือกรูปภาพแบบเนทีฟเข้ากับการสนทนาที่ช่วยให้ผู้คนใกล้ชิดกัน
เดินหน้าโปรเจกต์อย่างต่อเนื่อง
นำไฟล์ที่แชร์และการสนทนาของทีมมาไว้ในเครื่องมือบนมือถือที่ผู้คนใช้งานอยู่แล้ว
ความสามารถด้านแชทของ REACT NATIVE
รากฐานด้านการรับส่งข้อความสำหรับผลิตภัณฑ์ของคุณ
การสนทนาโดยตรง
- ข้อความแบบตัวต่อตัว
- อินเทอร์เฟซของคุณเอง
การรับส่งข้อความกลุ่ม
- การสนทนาร่วมกัน
- API การเป็นสมาชิก
ข้อความแบบริช
- ข้อความและสื่อ
- เนื้อหาแอปพลิเคชันแบบกำหนดเอง
สถานะการสนทนา
- ประวัติและจำนวนที่ยังไม่ได้อ่าน
- พื้นที่จัดเก็บของแอปพลิเคชัน
ข้อมูลประจำตัวผู้ใช้
- ID ผู้ใช้ของคุณเอง
- การยืนยันตัวตนด้วย UserSig
การผสานรวมแอป
- React Native APIs
- วงจรชีวิตเฉพาะแพลตฟอร์ม
สำรวจ React Native Chat APIs
เริ่มต้นด้วย API ที่จำเป็นสำหรับการเชื่อมต่อแอปพลิเคชันของคุณ
ชั้นการส่งข้อความเดียว สองแพลตฟอร์ม
ลงทะเบียนปลั๊กอินอัปโหลดและเครือข่ายก่อนเชื่อมต่อผู้ใช้ของคุณ
อ่านเอกสาร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 });ให้การสนทนาดำเนินต่อไป
ส่งข้อความโดยตรงหลังจากเข้าสู่ระบบและได้รับ SDK_READY
อ่านเอกสารconst message = chat.createTextMessage({
to: recipientID,
conversationType: TencentCloudChat.TYPES.CONV_C2C,
payload: { text: 'See you there!' },
});
await chat.sendMessage(message);นำข้อความใหม่เข้ามาในมุมมองโดยอัตโนมัติ
อัปเดตสถานะแอปพลิเคชันเมื่อได้รับข้อความ
อ่านเอกสารchat.on(TencentCloudChat.EVENT.MESSAGE_RECEIVED, onMessages);
// Dispose your listener when the subscription ends.
chat.off(TencentCloudChat.EVENT.MESSAGE_RECEIVED, onMessages);การปรับแต่ง
ประสบการณ์ของคุณ ในแบบของคุณ
สร้างอินเทอร์เฟซของคุณเองสำหรับการสนทนาที่เชื่อมต่อแล้ว
สร้างประสบการณ์ในแบบของคุณ
เชื่อมต่อเหตุการณ์การส่งข้อความกับหน้าจอและการโต้ตอบที่ผลิตภัณฑ์ของคุณต้องการ
อ่านเอกสารสร้างพื้นที่ให้บทสนทนาเติบโต
เชื่อมต่อผู้คนและกลุ่มผ่านแชตที่เป็นส่วนหนึ่งของแอปพลิเคชันอย่างลงตัว
อ่านเอกสารเริ่มต้นใช้งาน
การสนทนาครั้งแรกของคุณเริ่มต้นที่นี่
- 01
- 02
เพิ่ม Chat SDK สำหรับ React Native
ทำตามคู่มือแพลตฟอร์มเพื่อเชื่อมต่อโปรเจกต์ของคุณ
ทำตามคู่มือการผสานรวม - 03
เชื่อมต่อผู้ใช้ของคุณ
ลงชื่อเข้าใช้ด้วยผู้ใช้ทดสอบสองราย แล้วส่งข้อความแรกของคุณ
เชื่อมต่อผู้ใช้ของคุณ
npm install @tencentcloud/chat tim-upload-plugin @react-native-community/netinfoimport 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 ตามเอกสาร
ค้นหาความช่วยเหลือสำหรับขั้นตอนถัดไป
คำถามเกี่ยวกับการผสานรวม
รับความช่วยเหลือในการตั้งค่า Chat SDK สำหรับ React Native
ดูเอกสารสำหรับนักพัฒนาพูดคุยเกี่ยวกับแอปพลิเคชันของคุณ
พูดคุยเกี่ยวกับผลิตภัณฑ์ ปริมาณการใช้งานที่คาดการณ์ และความต้องการด้านการผสานรวมของคุณ
ติดต่อฝ่ายขายสร้างประสบการณ์การสนทนาครั้งต่อไปของคุณ
สร้าง app ของคุณด้วย Chat SDK สำหรับ React Native

