CHAT DÀNH CHO NHÀ PHÁT TRIỂN
UI Kit trò chuyện phù hợp với sản phẩm của bạn.
Bắt đầu với danh sách cuộc trò chuyện được kết nối, chế độ xem tin nhắn và trình soạn tin. Tùy chỉnh giao diện bằng các thành phần dành riêng cho nền tảng và những điểm tùy chỉnh được hỗ trợ.
Nhắn tin ngay trong ứng dụng của bạn, theo thương hiệu và quy tắc kinh doanh của bạn.
CHỌN NỀN TẢNG CỦA BẠN
Các thành phần được kết nối dành cho framework của bạn.
So sánh mô hình thành phần, yêu cầu cài đặt và tùy chọn tùy chỉnh của từng nền tảng.
Chat UI Kit cho React
Xây dựng tính năng nhắn tin trực tiếp và theo nhóm bằng React Chat SDK cùng UI Kit của Tencent RTC. Thêm danh sách cuộc trò chuyện, tin nhắn và trình soạn thảo được kết nối, sau đó tùy chỉnh cho sản phẩm của bạn.
Thành phần và thiết lậpChat UI Kit cho React Native
Thêm cuộc trò chuyện trên thiết bị di động với React Native Chat UI Kit của Tencent RTC. Tích hợp danh sách cuộc trò chuyện đã kết nối, tin nhắn và các thành phần nhập liệu vào ứng dụng iOS và Android.
Thành phần và thiết lậpChat UI Kit cho Flutter
Tạo màn hình nhắn tin được kết nối bằng Flutter Chat UI Kit của Tencent RTC. Điều chỉnh các tiện ích cuộc trò chuyện và tin nhắn theo bố cục và điều hướng của sản phẩm.
Thành phần và thiết lậpChat UI Kit cho iOS
Thêm màn hình nhắn tin gốc bằng iOS Chat UI Kit của Tencent RTC. Bắt đầu với cuộc trò chuyện, tin nhắn và danh bạ, sau đó điều chỉnh trải nghiệm cho phù hợp với ứng dụng.
Thành phần và thiết lậpChat UI Kit cho Android
Thêm màn hình nhắn tin Kotlin với Android Chat UI Kit của Tencent RTC. Tích hợp cuộc trò chuyện, tin nhắn và danh bạ vào ứng dụng với phong cách hình ảnh đồng nhất.
Thành phần và thiết lậpKHẢ NĂNG CỦA SẢN PHẨM
Trải nghiệm nhắn tin được xây dựng xoay quanh sản phẩm của bạn.
Khám phá cách danh sách cuộc trò chuyện, chế độ xem tin nhắn và trình soạn thảo phối hợp với nhau, cũng như vị trí dành cho phong cách sản phẩm và tin nhắn tùy chỉnh.
Điều chỉnh phong cách hình ảnh
Sử dụng API chủ đề và API mở rộng được hỗ trợ để tích hợp trò chuyện vào hệ thống hình ảnh của bạn. Sau khi tùy chỉnh, hãy kiểm tra độ tương phản, tin nhắn dài, trạng thái tải và cách bố cục hoạt động.
Bắt đầu nhanh với React UI Kit ↗Thêm tính năng nhắn tin vào sản phẩm của bạn
Tạo trình kết xuất tùy chỉnh cho đặt chỗ, đơn hàng hoặc hoạt động. Giữ trạng thái giao dịch thực và quyền thực hiện hành động trong backend quản lý quy trình đó.
Hướng dẫn tin nhắn tùy chỉnh React ↗Kết nối điều hướng và trạng thái chưa đọc
Kết nối hộp thư đến với tính năng điều hướng và thông báo của ứng dụng. Kiểm thử cuộc trò chuyện đã chọn, đường quay lại, thay đổi tài khoản và liên kết sâu trong thông báo trên mọi nền tảng đích được hỗ trợ.
API thành phần React ConversationList ↗Đưa nội dung đa phương tiện phong phú vào cuộc trò chuyện
Bắt đầu với các thành phần tin nhắn hình ảnh, tệp và âm thanh được hỗ trợ. Cho phép người dùng xem trước khi gửi và giúp họ dễ dàng mở tệp đính kèm; cấu hình giới hạn tải lên và quyền hệ thống cho nền tảng của bạn.
API nhắn tin JavaScript ↗Giữ các cuộc trò chuyện nhóm luôn ngăn nắp
Sử dụng các thành phần nhóm và thành viên của nền tảng để hiển thị chi tiết cuộc trò chuyện và tư cách thành viên. Kết nối các thao tác như tham gia, mời và rời nhóm với mô hình nhóm cùng các quy tắc truy cập mà sản phẩm yêu cầu.
Chọn đúng loại nhóm Chat ↗Tính khả dụng thay đổi tùy theo SDK, phiên bản và gói dịch vụ. Xem các gói Chat và giới hạn tính năng ↗
POKEKARA · GIẢI TRÍ XÃ HỘI
Xây dựng hoạt động tương tác xoay quanh trải nghiệm trực tiếp.
Câu chuyện Tencent RTC của Pokekara kết hợp karaoke, phòng phát trực tiếp và nhắn tin xã hội. Câu chuyện mô tả một giải pháp tích hợp gồm Chat API và các UI Kit dựng sẵn.
- Trò chuyện trong trải nghiệm giải trí
- Các thành phần dùng kết hợp với dịch vụ âm thanh và video

TẠI SAO CHỌN TENCENT RTC
UI dựng sẵn vẫn cần được tích hợp vào sản phẩm.
Chat UI Kit có thể giảm công sức phát triển thành phần, nhưng ứng dụng của bạn vẫn phải cung cấp danh tính người dùng đã xác thực, quyền trò chuyện, điều hướng và quy tắc nghiệp vụ. Hãy bắt đầu với hướng dẫn dành cho đúng nền tảng và kiểm tra các phần phụ thuộc trước khi xác định phạm vi tích hợp.
Bắt đầu với các thành phần đã được kết nối
Danh sách cuộc trò chuyện, chế độ xem tin nhắn và trình soạn thảo đã kết nối với trạng thái Chat. Nhờ đó, nhóm của bạn có thể giảm bớt phần kết nối giao diện cần triển khai.
Tạo cảm giác sản phẩm thực sự là của riêng bạn
API chủ đề và tiện ích mở rộng dành riêng cho từng nền tảng hỗ trợ trải nghiệm trò chuyện mang thương hiệu và cách hiển thị tin nhắn riêng của ứng dụng mà không cần một giao diện trò chuyện riêng biệt.
Chọn phạm vi giao diện muốn sử dụng
Chọn các thành phần được nền tảng của bạn hỗ trợ hoặc sử dụng Core SDK cho những khu vực cần toàn quyền kiểm soát UI. Xem xét phạm vi thành phần trước khi ước tính khối lượng phát triển.
TRẢI NGHIỆM NGAY
Tự mình trải nghiệm cuộc trò chuyện.
Thay đổi giao diện và thêm tin nhắn trong bản xem trước giao diện cục bộ này. Sau đó, mở bản demo Chat chính thức để khám phá tính năng nhắn tin liên kết bằng tài khoản thử nghiệm.
Bản xem trước này sử dụng trạng thái cục bộ và người tham gia hư cấu. Bản xem trước không kết nối với Tencent RTC hoặc gửi tin nhắn cho người khác.
Bố cục studio đã chỉnh sửa sẵn sàng để xem xét.
Local UI preview · no message is sent to a service
TỪ ĐÁNH GIÁ ĐẾN TÍCH HỢP
Kết nối Chat với ứng dụng của bạn.
Trước tiên, hãy sử dụng hướng dẫn bắt đầu nhanh selected platform, sau đó thêm xác thực và hành vi tin nhắn mà ứng dụng của bạn yêu cầu.
- 01
Chọn framework
Chọn React, React Native, Flutter, iOS hoặc Android và xem hướng dẫn tích hợp hiện hành.
- 02
Cài đặt và xác thực
Cấu hình các phần phụ thuộc theo tài liệu và kết nối UI với thông tin xác thực Chat do máy chủ cấp.
- 03
Tùy chỉnh và xác thực
Điều chỉnh chủ đề và điều hướng, thêm tin nhắn tùy chỉnh, đồng thời kiểm thử hoạt động trên thiết bị thực.
Bắt đầu nhanh với React UI Kit
Làm theo hướng dẫn bắt đầu nhanh dành cho React hoặc chọn hướng dẫn riêng cho native hay Flutter ở trên.
Mở hướng dẫn chính thức ↗Hướng dẫn tin nhắn tùy chỉnh React
Sử dụng ví dụ React để hiển thị tin nhắn và thao tác dành riêng cho ứng dụng.
Mở hướng dẫn chính thức ↗React ConversationList API
Xem lại trạng thái kết nối, điều hướng và các điểm thay thế đã được ghi trong tài liệu trước khi tùy chỉnh.
Mở hướng dẫn chính thức ↗Tạo UserSig trên máy chủ của bạn
Kết nối UI Kit với người dùng được xác thực bằng backend của riêng bạn.
Mở hướng dẫn chính thức ↗TRƯỚC KHI XÂY DỰNG
Câu hỏi thường gặp về Chat UI Kits
Giải đáp dành cho đội ngũ sản phẩm và kỹ thuật.
UI Kit trò chuyện có chỉ là một mẫu giao diện không?
+
Tencent RTC UI Kits chứa các thành phần được tích hợp với chức năng Chat. Bạn vẫn cần có ứng dụng, cơ chế xác thực, cấu hình, SDK liên quan và các phần phụ thuộc native.
Tôi nên sử dụng UI Kit trò chuyện nào cho React?
+
Sử dụng React UI Kit cho giao diện web. React Native có gói riêng và yêu cầu thiết lập native cho ứng dụng di động; hai phương thức tích hợp này không thể thay thế cho nhau.
Tôi có thể chỉ sử dụng một phần của UI Kit không?
+
Các mô-đun và điểm mở rộng khả dụng khác nhau tùy theo nền tảng. Hãy xem tài liệu hiện tại để chọn thành phần hoặc thay thế một phần trải nghiệm.
Tôi có thể sử dụng UI riêng không?
+
Có. Chọn Core Chat SDK để tạo màn hình hoàn toàn tùy chỉnh và sử dụng API máy chủ cho các hoạt động backend.
Bản xem trước trực quan có kết nối với Tencent RTC không?
+
Bản xem trước trên trang minh họa hành vi UI cục bộ bằng những người tham gia hư cấu. Hãy mở bản demo Chat chính thức để đánh giá sản phẩm đã kết nối.
Nên lựa chọn giữa UI Kit và Core SDK như thế nào?
+
Sử dụng UI Kit khi các thành phần được kết nối và điểm mở rộng của bộ công cụ phù hợp với sản phẩm. Chọn Core SDK khi bạn cần toàn quyền kiểm soát việc hiển thị tin nhắn, điều hướng và tương tác; hãy so sánh với những màn hình thực tế mà nếu không dùng UI Kit, bạn sẽ phải tự triển khai.
Cách tùy chỉnh UI Kit trò chuyện cho ứng dụng?
+
Chọn chủ đề và điểm mở rộng thành phần trong tài liệu nền tảng. Kiểm thử tin nhắn tùy chỉnh, điều hướng, trạng thái chưa đọc cùng Chat SDK đã khởi tạo.
UI Kit trò chuyện nào dùng với React Native hoặc Flutter?
+
Các nền tảng có gói và thiết lập native riêng. Làm theo hướng dẫn tương ứng, tránh dùng lại thành phần React Web hay giả định API mở rộng giống nhau.
KHÁM PHÁ CÁC GIẢI PHÁP LIÊN QUAN
Tìm bước tích hợp tiếp theo của bạn.
Chat SDK
Chọn Chat SDK cho JavaScript, iOS, Android, React Native, Flutter, Unity hoặc Unreal. So sánh các phương thức tích hợp, dùng thử tính năng nhắn tin và bắt đầu với tài liệu chính thức.
Khám phá →Hỗ trợ khách hàng
Xây dựng tính năng trò chuyện hỗ trợ khách hàng ngay trong ứng dụng. Lưu lịch sử tin nhắn, thu thập tệp đính kèm, kết nối quy trình của nhân viên hỗ trợ và đánh giá Tencent RTC Chat qua bản demo trực tiếp.
Khám phá →Cộng đồng trực tuyến
Xây dựng trò chuyện cộng đồng với nhóm, chủ đề, lượt đề cập, thông báo và công cụ kiểm duyệt. Thêm tính năng nhắn tin vào cộng đồng bằng Tencent RTC SDK và UI Kit.
Khám phá →Kho ứng dụng
Xây dựng tính năng nhắn tin giữa người mua và người bán cho sàn giao dịch của bạn. Kết nối thông tin đăng bán, nội dung đa phương tiện, cập nhật đơn hàng, báo cáo và thông báo bằng SDK và API của Tencent RTC Chat.
Khám phá →LẬP KẾ HOẠCH TÍCH HỢP
Hãy cùng trao đổi về
quá trình tích hợp Chat của bạn.
Trao đổi với đội ngũ Tencent RTC về nền tảng, thị trường mục tiêu, số người dùng hoạt động hằng tháng dự kiến và tiến độ ra mắt của bạn.
Hãy chia sẻ yêu cầu của bạn.
Nhận hỗ trợ để xác định phạm vi trải nghiệm nhắn tin và phương án tích hợp mà nhóm của bạn cần.
Liên hệ với đội ngũ của chúng tôi↗Tiếp tục đến biểu mẫu liên hệ chính thức của Tencent RTC.Bắt đầu xây dựng với Chat ↗
