Tiện ích bổ sung của Google Workspace trình bày thông tin và các chế độ kiểm soát người dùng trong thanh bên của giao diện người dùng ứng dụng lưu trữ. Tiện ích bổ sung bao gồm một thanh công cụ nhận dạng chính cùng với một hoặc nhiều thẻ.
Mỗi thẻ đại diện cho một "trang" cụ thể trong giao diện người dùng của tiện ích bổ sung và việc chuyển đến một thẻ mới thường chỉ là vấn đề tạo thẻ đó và đẩy thẻ đó vào một ngăn xếp thẻ nội bộ. Bạn có thể xác định luồng điều hướng giữa các thẻ để có trải nghiệm tương tác phong phú.
Thẻ có thể là không theo ngữ cảnh hoặc theo ngữ cảnh. Thẻ theo ngữ cảnh sẽ xuất hiện với người dùng khi ứng dụng lưu trữ ở trong một ngữ cảnh cụ thể. Ví dụ: khi mở thư trong Gmail hoặc sự kiện trên Lịch. Thẻ không theo ngữ cảnh (chẳng hạn như trang chủ) được trình bày cho người dùng bên ngoài một ngữ cảnh cụ thể của máy chủ lưu trữ. Ví dụ: khi người dùng đang xem hộp thư đến trong Gmail, thư mục chính trong Drive hoặc Lịch.
Tiện ích bổ sung Google Workspace được tạo trong Apps Script sử dụng Dịch vụ thẻ để tạo giao diện người dùng từ thẻ. Tiện ích bổ sung được tạo bằng các ngôn ngữ khác phải trả về JSON có định dạng phù hợp để giao diện hiển thị dưới dạng thẻ.
Mỗi thẻ bao gồm một tiêu đề và một hoặc nhiều phần thẻ. Mỗi phần bao gồm một nhóm tiện ích. Tiện ích hiển thị thông tin cho người dùng hoặc cung cấp các chế độ kiểm soát tương tác như nút.
Giao diện dựa trên thẻ có những lợi ích sau:
- Bạn không cần có kiến thức về HTML hoặc CSS để tạo giao diện dựa trên thẻ.
- Các thẻ và tiện ích sẽ tự động được tạo kiểu để hoạt động hiệu quả với các ứng dụng Google Workspace mà chúng mở rộng.
Giao diện dựa trên thẻ hoạt động trên cả máy tính và thiết bị di động, nhưng bạn chỉ cần xác định giao diện một lần.
Tạo giao diện dựa trên thẻ
Khi tạo các tiện ích bổ sung dựa trên thẻ, bạn cần hiểu rõ một số khái niệm và mẫu thiết kế nhất định. Các hướng dẫn sau đây cung cấp thông tin bạn cần để tạo các tiện ích bổ sung dựa trên thẻ hiệu quả:
- Thẻ
- Trang chủ
- Tiện ích
- Thao tác
- Đối tượng sự kiện
- Tạo thẻ
- Xây dựng thẻ tương tác
- Di chuyển giữa các thẻ
- Sử dụng thao tác chung
- Thêm tính năng tự động hoàn thành vào dữ liệu đầu vào văn bản
- Truy cập vào ngôn ngữ và múi giờ của người dùng
- Kết nối với các dịch vụ không phải của Google
- Hướng dẫn về phong cách
- Các phương pháp hay nhất
Tham khảo các trang này khi tạo thẻ và triển khai hành vi của giao diện người dùng. Bạn cũng có thể tham khảo các mẫu bổ sung sau đây khi triển khai tiện ích bổ sung:
Hướng dẫn nhanh về tiện ích bổ sung "Mèo" của Google Workspace
Mẫu tiện ích bổ sung này cho thấy một giao diện người dùng tiện ích bổ sung đơn giản của Google Workspace với nhiều trang và trang chủ.
Tiện ích bổ sung của Google Workspace: "Dịch"
Mẫu tiện ích bổ sung này cho thấy một tiện ích bổ sung của Google Workspace cho phép người dùng dịch văn bản trong Tài liệu, Trang tính và Trang trình bày.
Tiện ích bổ sung của Google Workspace: "Danh sách nhóm"
Mẫu tiện ích bổ sung này cho thấy một mẫu tiện ích bổ sung phức tạp hơn của Google Workspace, mẫu này cho thấy thông tin người dùng về người nhận thư Gmail, người chỉnh sửa tệp trên Drive hoặc người tham dự sự kiện trên Lịch. Bạn chỉ có thể sử dụng tiện ích bổ sung này trong một miền, vì tiện ích này sử dụng Directory API để truy xuất thông tin người dùng.