Chuyển đến nội dung

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.

Thương hiệu của bạn trong mọi cuộc trò chuyệnGiao diện ứng dụng minh họa

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.

KHẢ 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.

Lắp ghép các màn hình trò chuyện

Xây dựng từ các thành phần cuộc trò chuyện và tin nhắn được kết nối, sau đó chọn bố cục và cách điều hướng xung quanh. Các mô-đun có sẵn thay đổi tùy theo nền tảng và bản phát hành UI Kit.

Bắt đầu nhanh với React UI Kit

Đ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
Đọc câu chuyện khách hàng Trường hợp đa sản phẩm đã được công bố; bài viết không nêu tên framework UI Kit.

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.

Khám phá toàn bộ sản phẩm Chat và các tính năng của sản phẩm ↗

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.

Tùy chỉnh bản xem trước
Iris MorganCuộc trò chuyện hư cấu

Bố cục studio đã chỉnh sửa sẵn sàng để xem xét.

Gửi ↑

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.

  1. 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.

  2. 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.

  3. 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.

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.

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.

Mức độ phù hợp về kỹ thuậtPhạm vi di chuyển hệ thốngMức sử dụng & giá

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ôiTiế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 ↗