Trang này mô tả cách thiết kế và tạo các thành phần giao diện người dùng chính của thẻ tin nhắn trong Google Chat.
Thẻ hỗ trợ bố cục đã xác định, các thành phần tương tác trên giao diện người dùng, như nút và nội dung đa phương tiện như hình ảnh. Bạn có thể dùng thẻ để trình bày thông tin, thu thập thông tin, hoặc cung cấp các bước tiếp theo cho người dùng thông qua thông báo thẻ và hộp thoại.
Sử dụng Trình tạo thẻ để thiết kế và xem trước thông báo trên thẻ JSON cho các ứng dụng trong Chat:
Mở Trình tạo thẻThẻ và hộp thoại thường có những thành phần sau:
CardHeader
chứa tiêu đề thẻ của bạn.- Một hoặc nhiều tiện ích
CardSection
tạo thành phần chính của thẻ. - Tiện ích
CardFixedFooter
dành riêng cho hộp thoại.
Điều kiện tiên quyết
Một ứng dụng Google Chat đã bật các tính năng tương tác. Để tạo một ứng dụng Chat tương tác, hãy hoàn thành một trong các bước bắt đầu nhanh sau đây trên cấu trúc ứng dụng mà bạn muốn sử dụng:
- Dịch vụ HTTP với Google Cloud Functions
- Google Apps Script
- Google Cloud Dialogflow CX
- Google Cloud Pub/Sub
Thêm tiêu đề
Tiện ích CardHeader
biểu thị cho tiêu đề của thẻ. Tiêu đề có thể bao gồm
tiêu đề, phụ đề và hình đại diện cho thẻ của bạn.
Bạn có thể thêm CardHeader
cho
thông báo thẻ và
hộp thoại.
Sau đây là ví dụ về một CardHeader
:
Xác định một phần của thẻ
Tiện ích CardSection
là một
vùng chứa cấp cao trong thẻ. Bạn dùng thẻ
để nhóm các tiện ích bên trong một thẻ. Đối với mỗi phần thẻ, bạn có thể thêm
tiêu đề và một hoặc nhiều tiện ích.
Bạn có thể thêm CardSection
cho
thông báo thẻ và
hộp thoại.
Sau đây là ví dụ về CardSection
chứa hai textParagraph
tiện ích:
Thêm một chân trang cố định
CardFixedFooter
tiện ích con thể hiện chân trang của thông báo hộp thoại được gửi bởi
ứng dụng Chat.
Chân trang có thể bao gồm một nút chính và một nút phụ.
Tiện ích CardFixedFooter
chỉ dành cho
hộp thoại.
Sau đây là ví dụ về tiện ích CardFixedFooter
có 2 nút:
Khắc phục sự cố
Khi một ứng dụng Google Chat hoặc card trả về một lỗi, thì phương thức Giao diện Chat hiển thị một thông báo với nội dung "Đã xảy ra lỗi". hoặc "Không thể xử lý yêu cầu của bạn". Đôi khi, giao diện người dùng của Chat không hiện thông báo lỗi nào ngoài ứng dụng Chat hoặc thẻ tạo ra kết quả không mong muốn; ví dụ: thông báo thẻ có thể không xuất hiện.
Mặc dù thông báo lỗi có thể không xuất hiện trong giao diện người dùng Chat, thông báo lỗi mô tả và dữ liệu nhật ký luôn có sẵn để giúp bạn sửa lỗi khi tính năng ghi nhật ký lỗi cho các ứng dụng trong Chat được bật. Để được trợ giúp xem, gỡ lỗi và sửa lỗi, hãy xem Khắc phục lỗi và khắc phục lỗi của Google Chat.