ĐƯỢ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
Hướng dẫn tích hợp
Cài đặt Chat SDK cho React Native và gửi một tin nhắn thử nghiệm.
Ví dụ & mã nguồn
Khám phá trải nghiệm nhắn tin và các tài nguyên chính thức dành cho nhà phát triển.
Chia sẻ khoảnh khắc
Kết nối trình chọn ảnh gốc với các cuộc trò chuyện giúp mọi người luôn gần gũi.
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.
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ệuimport 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 });Duy trì mạch trò chuyện
Gửi tin nhắn văn bản trực tiếp sau khi đăng nhập và nhận SDK_READY.
Đọc tài liệuconst message = chat.createTextMessage({
to: recipientID,
conversationType: TencentCloudChat.TYPES.CONV_C2C,
payload: { text: 'See you there!' },
});
await chat.sendMessage(message);Tự động đưa tin nhắn mới vào vùng hiển thị
Cập nhật trạng thái ứng dụng khi có tin nhắn đến.
Đọc tài liệuchat.on(TencentCloudChat.EVENT.MESSAGE_RECEIVED, onMessages);
// Dispose your listener when the subscription ends.
chat.off(TencentCloudChat.EVENT.MESSAGE_RECEIVED, onMessages);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ệuTạo không gian để cuộc trò chuyện phát triển
Kết nối mọi người và các nhóm qua tính năng trò chuyện được tích hợp tự nhiên trong ứng dụng.
Đọc tài liệuBẮT ĐẦU
Cuộc trò chuyện đầu tiên của bạn bắt đầu tại đây
- 01
- 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 - 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
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 });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
Câu hỏi về tích hợp
Nhận hỗ trợ thiết lập Chat SDK cho React Native.
Xem tài liệu dành cho nhà phát triểnTrao đổ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 doanhXâ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.

