Objek Action memungkinkan Anda membuat perilaku interaktif
ke dalam add-on Google Workspace. Objek ini menentukan apa yang terjadi saat pengguna berinteraksi dengan widget (misalnya, tombol) di UI add-on.
Tindakan dilampirkan ke widget tertentu menggunakan a fungsi pengendali widget, yang juga menentukan kondisi yang memicu tindakan. Saat dipicu, tindakan akan menjalankan fungsi callback yang ditentukan. Fungsi callback diteruskan objek peristiwa yang membawa informasi tentang interaksi sisi klien pengguna. Anda harus menerapkan fungsi callback dan membuatnya menampilkan objek respons tertentu.
Misalnya, Anda menginginkan tombol yang membuat dan menampilkan kartu baru saat diklik. Untuk melakukannya, Anda harus membuat widget tombol baru dan menggunakan fungsi pengendali widget tombol
setOnClickAction(action)
untuk menetapkan Action pembuatan kartu.
Action yang Anda tentukan akan menentukan fungsi callback Apps Script
yang dijalankan saat tombol diklik. Dalam hal ini, Anda
menerapkan fungsi callback untuk membuat kartu yang diinginkan dan menampilkan
ActionResponse
objek. Objek respons memberi tahu add-on untuk menampilkan kartu yang dibuat fungsi callback.
Halaman ini menjelaskan tindakan widget khusus Google Drive yang dapat Anda sertakan dalam add-on.
Interaksi Drive
Add-on Google Workspace yang memperluas Drive dapat menyertakan tindakan widget khusus Drive tambahan. Tindakan ini mengharuskan fungsi callback tindakan terkait untuk menampilkan objek respons khusus:
| Tindakan dicoba | Fungsi callback harus menampilkan |
|---|---|
| Meminta akses file untuk file yang dipilih | DriveItemsSelectedActionResponse |
Untuk menggunakan tindakan widget dan objek respons ini, semua hal berikut harus benar:
- Tindakan dipicu saat pengguna memilih satu atau beberapa item Drive.
- Add-on menyertakan
https://www.googleapis.com/auth/drive.filecakupan Drive dalam manifesnya.
Meminta akses file untuk file yang dipilih
Contoh berikut menunjukkan cara membuat antarmuka kontekstual untuk Drive yang dipicu saat pengguna memilih satu atau beberapa item Drive. Contoh ini menguji setiap item untuk melihat apakah
add-on telah diberi izin akses; jika tidak, contoh ini
menggunakan objek
DriveItemsSelectedActionResponse
untuk meminta izin tersebut dari pengguna. Setelah izin diberikan untuk suatu item, add-on akan menampilkan penggunaan kuota Drive item tersebut.
/**
* Builds a card that checks selected items' quota usage. Checking
* quota usage requires user-permissions, so this
* add-on provides a button to request
* `drive.file` scope for items the add-on
* doesn't yet have permission to access.
*
* @param e The event object passed containing contextual information about
* the Drive items selected.
* @return {Card}
*/
function onDriveItemsSelected(e) {
var builder = CardService.newCardBuilder();
// For each item the user has selected in Drive, display
// either its quota information or a button that lets the user provide
// permission to access that file to retrieve its quota details.
e['drive']['selectedItems'].forEach(
function(item){
var cardSection = CardService.newCardSection()
.setHeader(item['title']);
// This add-on uses the recommended, limited-permission `drive.file`
// scope to get granular per-file access permissions.
// See: https://developers.google.com/drive/api/v2/about-auth
if (item['addonHasFileScopePermission']) {
// If the add-on has access permission, read and display its
// quota.
cardSection.addWidget(
CardService.newTextParagraph().setText(
"This file takes up: " + getQuotaBytesUsed(item['id'])));
} else {
// If the add-on doesn't have access permission, add a button
// that lets the user provide that permission on a per-file
// basis.
cardSection.addWidget(
CardService.newTextParagraph().setText(
"The add-on needs permission to access this file's quota."));
var buttonAction = CardService.newAction()
.setFunctionName("onRequestFileScopeButtonClicked")
.setParameters({id: item.id});
var button = CardService.newTextButton()
.setText("Request permission")
.setOnClickAction(buttonAction);
cardSection.addWidget(button);
}
builder.addSection(cardSection);
});
return builder.build();
}
/**
* Callback function for a button action. Instructs Drive to
* display a permissions dialog to the user, requesting `drive.file` scope
* for a specific item on behalf of this add-on.
*
* @param {Object} e The parameters object that contains the item's
* Drive ID.
* @return {DriveItemsSelectedActionResponse}
*/
function onRequestFileScopeButtonClicked (e) {
var idToRequest = e.parameters.id;
return CardService.newDriveItemsSelectedActionResponseBuilder()
.requestFileScope(idToRequest).build();
}
/**
* Use the Advanced Drive Service (See
* https://developers.google.com/apps-script/advanced/drive), with
* `drive.file` scope permissions to request the quota usage of a specific
* Drive item.
*
* @param {string} itemId The ID of the item to check.
* @return {string} A description of the item's quota usage, in bytes.
*/
function getQuotaBytesUsed(itemId) {
try {
return Drive.Files.get(itemId,{fields: "quotaBytesUsed"})
.quotaBytesUsed + " bytes";
} catch (e) {
return "Error fetching how much quota this item uses. Error: " + e;
}
}