ĐƯỢC XÂY DỰNG CHO REACT NATIVE

React Native
Chat SDK

Xây dựng tính năng nhắn tin di động bằng React Native Chat SDK của Tencent RTC. Chia sẻ logic trò chuyện giữa iOS và Android trong khi vẫn sử dụng màn hình và tương tác gốc của riêng bạn.

TÀI NGUYÊN DÀNH CHO NHÀ PHÁT TRIỂN

Tài liệu & Ví dụ về Chat SDK cho React Native

Duy trì tiến độ dự án

Đưa tệp dùng chung và thảo luận nhóm vào các công cụ di động mà mọi người đang sử dụng.

KHẢ NĂNG TRÒ CHUYỆN REACT NATIVE

Nền tảng nhắn tin cho sản phẩm của bạn

Cuộc trò chuyện trực tiếp

  • Tin nhắn một đối một
  • Giao diện của riêng bạn

Nhắn tin nhóm

  • Cuộc trò chuyện chung
  • API thành viên

Tin nhắn phong phú

  • Văn bản và phương tiện
  • Nội dung ứng dụng tùy chỉnh

Trạng thái cuộc trò chuyện

  • Lịch sử và số lượng chưa đọc
  • Kho lưu trữ ứng dụng của bạn

Danh tính người dùng

  • ID người dùng của riêng bạn
  • Xác thực UserSig

Tích hợp ứng dụng

  • React Native APIs
  • Vòng đời đặc thù theo nền tảng

Khám phá React Native Chat APIs

Bắt đầu với các API cần thiết để kết nối ứng dụng của bạn.

Kết nối

Một lớp nhắn tin, hai nền tảng

Đăng ký plugin tải lên và plugin mạng trước khi kết nối người dùng.

Đọc tài liệu
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 });

TÙY CHỈNH

Trải nghiệm của bạn. Theo cách của bạn.

Xây dựng giao diện riêng cho các cuộc trò chuyện đã kết nối.

Xây dựng trải nghiệm của riêng bạn

Kết nối các sự kiện nhắn tin với màn hình và tương tác mà sản phẩm của bạn cần.

Đọc tài liệu

BẮT ĐẦU

Cuộc trò chuyện đầu tiên của bạn bắt đầu tại đây

  1. 01

    Tạo ứng dụng của bạn

    Thiết lập ứng dụng Chat và người dùng thử nghiệm.

    Mở bảng điều khiển Chat
  2. 02

    Thêm Chat SDK cho React Native

    Làm theo hướng dẫn nền tảng để kết nối dự án của bạn.

    Làm theo Hướng dẫn tích hợp
  3. 03

    Kết nối người dùng của bạn

    Đăng nhập bằng hai người dùng thử nghiệm và gửi tin nhắn đầu tiên.

    Kết nối người dùng của bạn
Chat SDK cho React Native
Terminal
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 });

Câu hỏi thường gặp về React Native Chat SDK

SDK có xử lý việc thiết lập nền tảng native không?

Lớp nhắn tin được dùng chung, nhưng các mô-đun gốc, quyền truy cập nội dung đa phương tiện, cấu hình push và bản dựng thiết bị vẫn cần thiết lập riêng cho từng nền tảng. Hãy làm theo hướng dẫn React Native SDK để sử dụng tổ hợp gói được hỗ trợ.

React Native Chat SDK có bao gồm UI dựng sẵn không?

SDK cung cấp API và sự kiện nhắn tin. Ứng dụng của bạn xây dựng các màn hình trò chuyện. Hình minh họa thể hiện những trải nghiệm ứng dụng có thể triển khai.

Làm cách nào để xác thực người dùng của React Native Chat SDK?

Tạo UserSig cho môi trường production ở backend. Chuyển mã này cho máy khách để xác thực và giữ khóa bí mật của ứng dụng trên máy chủ.

Các đoạn mã React Native này có tạo thành một ứng dụng hoàn chỉnh không?

Nội dung này trình bày từng bước tích hợp riêng lẻ. Hãy làm theo hướng dẫn đầy đủ về nhập thư viện, khởi tạo, đăng nhập, xử lý lỗi và cấu hình dành riêng cho nền tảng đích. Kiểm thử nhắn tin bằng các tài khoản riêng trước khi phát hành.

Mức phí sử dụng React Native Chat SDK được tính như thế nào?

Mức sử dụng dịch vụ Chat được lưu trữ phụ thuộc vào gói bạn chọn. Hãy kiểm tra các tính năng và hạn mức đi kèm cho ứng dụng; plugin tùy chọn và dịch vụ Call có thể có yêu cầu riêng.

Làm thế nào để tích hợp Chat SDK React Native với React Native?

Cài gói và các phụ thuộc native theo tài liệu, rồi dựng lại ứng dụng native. Xác minh quyền, vòng đời và callback native thay vì giả định môi trường chỉ chạy JavaScript.

Làm thế nào để kiểm thử Chat SDK React Native trước khi phát hành ứng dụng?

Kiểm tra đăng nhập, SDK sẵn sàng, sự kiện gửi nhận và trạng thái tin nhắn sau kết nối lại.

Làm thế nào để tùy chỉnh giao diện Chat SDK React Native?

Xây dựng danh sách hội thoại, kết xuất tin nhắn và trình soạn riêng dựa trên sự kiện SDK trong tài liệu.

Tìm hỗ trợ cho bước tiếp theo

Trao đổi về ứng dụng của bạn

Trao đổi về sản phẩm, mức sử dụng dự kiến và nhu cầu tích hợp của bạn.

Liên hệ bộ phận kinh doanh

Xây dựng trải nghiệm trò chuyện tiếp theo

Xây dựng app bằng Chat SDK cho React Native.