CardService 可让您创建在各种 Google 产品和服务中使用的通用卡片 可扩展产品,例如 Google Workspace 插件。
以下是插件卡片的示例。
return CardService.newCardBuilder() .setHeader(CardService.newCardHeader().setTitle("CardTitle")) .build();
或者,您也可以返回多张卡片,如下所示:
return [ CardService.newCardBuilder().build(), CardService.newCardBuilder().build(), CardService.newCardBuilder().build() ]
下面展示了如何定义带有标题、文本、图片和菜单项的卡片:
function createWidgetDemoCard() { return CardService .newCardBuilder() .setHeader( CardService.newCardHeader() .setTitle('Widget demonstration') .setSubtitle('Check out these widgets') .setImageStyle(CardService.ImageStyle.SQUARE) .setImageUrl( 'https://www.example.com/images/headerImage.png')) .addSection( CardService.newCardSection() .setHeader('Simple widgets') // optional .addWidget(CardService.newTextParagraph().setText( 'These widgets are display-only. ' + 'A text paragraph can have multiple lines and ' + 'formatting.')) .addWidget(CardService.newImage().setImageUrl( 'https://www.example.com/images/mapsImage.png'))) .addCardAction(CardService.newCardAction().setText('Gmail').setOpenLink( CardService.newOpenLink().setUrl('https://mail.google.com/mail'))) .build(); }
“聊天应用”卡片示例。
const cardHeader = CardService.newCardHeader() .setTitle("Sasha") .setSubtitle("Software Engineer") .setImageUrl('https://developers.google.com/chat/images/quickstart-app-avatar.png') .setImageStyle(CardService.ImageStyle.CIRCLE) .setImageAltText("Avatar for Sasha"); const cardSection = CardService.newCardSection() .setHeader("Contact Info") .setCollapsible(true) .setNumUncollapsibleWidgets(1) .addWidget( CardService.newDecoratedText() .setStartIcon(CardService.newIconImage().setIcon(CardService.Icon.EMAIL)) .setText("sasha@example.com")) .addWidget( CardService.newDecoratedText() .setStartIcon(CardService.newIconImage().setIcon(CardService.Icon.PERSON)) .setText("<font color=\"#80e27e\">Online</font>")) .addWidget( CardService.newDecoratedText() .setStartIcon(CardService.newIconImage().setIcon(CardService.Icon.PHONE)) .setText("+1 (555) 555-1234")) .addWidget( CardService.newButtonSet() .addButton(CardService.newTextButton() .setText("Share") .setOpenLink(CardService.newOpenLink().setUrl("https://example.com/share"))) .addButton(CardService.newTextButton() .setText("Edit") .setOnClickAction( CardService.newAction().setFunctionName("goToView").setParameters({viewType:"EDIT"})))) const card = CardService.newCardBuilder() .setHeader(cardHeader) .addSection(cardSection) .build();
属性
属性 | 类型 | 说明 |
---|---|---|
BorderType | BorderType | BorderType 枚举。 |
ComposedEmailType | ComposedEmailType | ComposedEmailType 枚举。 |
ContentType | ContentType | ContentType 枚举。 |
GridItemLayout | GridItemLayout | GridItemLayout 枚举。 |
HorizontalAlignment | HorizontalAlignment | HorizontalAlignment 枚举。 |
Icon | Icon | Icon 枚举。 |
ImageCropType | ImageCropType | ImageCropType 枚举。 |
ImageStyle | ImageStyle | ImageStyle 枚举。 |
LoadIndicator | LoadIndicator | LoadIndicator 枚举。 |
OnClose | OnClose | OnClose 枚举。 |
OpenAs | OpenAs | OpenAs 枚举。 |
SelectionInputType | SelectionInputType | SelectionInputType 枚举。 |
TextButtonStyle | TextButtonStyle | TextButtonStyle 枚举。 |
UpdateDraftBodyType | UpdateDraftBodyType | UpdateDraftBodyType 枚举。 |
方法
详细文档
newActionResponseBuilder()
newActionStatus()
创建新的 ActionStatus
。
仅适用于 Google Chat 应用。不适用于 Google Workspace 插件。
const actionStatus = CardService.newActionStatus() .setStatusCode(CardService.Status.OK) .setUserFacingMessage('Success');
返回
ActionStatus
- 空的 ActionStatus。
newAttachment()
newAuthorizationAction()
newAuthorizationException()
newBorderStyle()
newCalendarEventActionResponseBuilder()
newCardAction()
newCardBuilder()
newCardHeader()
newCardSection()
newCardWithId()
创建新 CardWithId
。用于在 Google Chat 消息中发送卡片。卡 ID
是消息中卡片的唯一标识符。
仅适用于 Google Chat 应用。不适用于 Google Workspace 插件。
const cardSection = CardService.newCardSection(); cardSection.addWidget( CardService.newTextParagraph().setText('This is a text paragraph widget.')); const card = CardService.newCardBuilder() .setHeader(CardService.newCardHeader().setTitle('Card title')) .addSection(cardSection) .build(); const cardWithId = CardService.newCardWithId() .setCardId('card_id') .setCard(card);
返回
CardWithId
- 空的 CardWithId
。
newChatActionResponse()
创建新的 ChatActionResponse
。
仅适用于 Google Chat 应用。不适用于 Google Workspace 插件。
const card = CardService.newCardBuilder() .setHeader(CardService.newCardHeader().setTitle('Card title')).build(); const dialog = CardService.newDialog() .setBody(card); const dialogAction = CardService.newDialogAction() .setDialog(dialog) const chatActionResponse = CardService.newChatActionResponse() .setResponseType(CardService.ResponseType.DIALOG) .setDialogAction(dialogAction);
返回
newChatResponseBuilder()
创建新的 ChatResponseBuilder
。
仅适用于 Google Chat 应用。不适用于 Google Workspace 插件。
const cardSection = CardService.newCardSection(); cardSection.addWidget( CardService.newTextParagraph().setText('This is a text paragraph widget.')); const card = CardService.newCardBuilder() .setHeader(CardService.newCardHeader().setTitle('Card title')) .addSection(cardSection) .build(); const cardWithId = CardService.newCardWithId() .setCardId('card_id') .setCard(card); const chatResponse = CardService.newChatResponseBuilder() .addCardsV2(cardWithId) .build();
返回
ChatResponseBuilder
- 一个空的 ChatResponseBuilder。
newColumn()
创建新的 Column
。
适用于 Google Chat 应用和 Google Workspace 插件。
const columnWidget = CardService.newTextParagraph(); const column = CardService.newColumn() .setHorizontalSizeStyle(CardService.HorizontalSizeStyle.FILL_AVAILABLE_SPACE) .setHorizontalAlignment(CardService.HorizontalAlignment.CENTER) .setVerticalAlignment(CardService.VerticalAlignment.CENTER) .addWidget(columnWidget);
Column
- 空列。
newColumns()
创建一组新的 Columns
。
适用于 Google Chat 应用和 Google Workspace 插件。
const firstColumn = CardService.newColumn() .setHorizontalSizeStyle(CardService.HorizontalSizeStyle.FILL_AVAILABLE_SPACE) .setHorizontalAlignment(CardService.HorizontalAlignment.CENTER) .setVerticalAlignment(CardService.VerticalAlignment.CENTER); const secondColumn = CardService.newColumn() .setHorizontalSizeStyle(CardService.HorizontalSizeStyle.FILL_AVAILABLE_SPACE) .setHorizontalAlignment(CardService.HorizontalAlignment.CENTER) .setVerticalAlignment(CardService.VerticalAlignment.CENTER); const columns = CardService.newColumns() .addColumn(column) .addColumn(secondColumn) .setWrapStyle(CardService.WrapStyle.WRAP);
返回
Columns
- 一组空列。
newComposeActionResponseBuilder()
创建新的 ComposeActionResponseBuilder
。
返回
ComposeActionResponseBuilder
- 一个空的 ComposeActionResponse 构建器。
newDatePicker()
newDateTimePicker()
newDecoratedText()
newDialog()
newDialogAction()
创建新的 DialogAction
。
仅适用于 Google Chat 应用。不适用于 Google Workspace 插件。
const card = CardService.newCardBuilder() .setHeader(CardService.newCardHeader().setTitle('Card title')).build(); const dialog = CardService.newDialog() .setBody(card); const dialogAction = CardService.newDialogAction() .setDialog(dialog)
返回
DialogAction
- 空的 DialogAction
。
newDivider()
创建新 Divider
。以下示例构建了一张包含 2 个段落的简单卡片
多个 IP 地址
function buildCard() { let cardSection1TextParagraph1 = CardService.newTextParagraph() .setText('Hello world!'); let cardSection1Divider1 = CardService.newDivider(); let cardSection1TextParagraph2 = CardService.newTextParagraph() .setText('Hello world!'); let cardSection1 = CardService.newCardSection() .addWidget(cardSection1TextParagraph1) .addWidget(cardSection1Divider1) .addWidget(cardSection1TextParagraph2); let card = CardService.newCardBuilder() .addSection(cardSection1) .build(); return card; }
返回
Divider
- 分隔线。
newDriveItemsSelectedActionResponseBuilder()
newEditorFileScopeActionResponseBuilder()
newImageButton()
newImageComponent()
newImageCropStyle()
newLinkPreview()
创建新的 LinkPreview
。
const decoratedText = CardService.newDecoratedText() .setTopLabel('Hello') .setText('Hi!'); const cardSection = CardService.newCardSection() .addWidget(decoratedText); const card = CardService.newCardBuilder() .addSection(cardSection) .build(); const linkPreview = CardService.newLinkPreview() .setPreviewCard(card) .setTitle('Smart chip title');
返回
LinkPreview
- 一个空的 LinkPreview。
newNotification()
newSelectionInput()
newSuggestions()
newSuggestionsResponseBuilder()
newTextButton()
newTextParagraph()
newTimePicker()
newUniversalActionResponseBuilder()
创建新的 UniversalActionResponseBuilder
。
返回
UniversalActionResponseBuilder
- 一个空的 UniversalActionResponse 构建器。
newUpdateDraftActionResponseBuilder()
创建新的 UpdateDraftActionResponseBuilder
。
返回
UpdateDraftActionResponseBuilder
- 一个空的 UpdateDraftActionResponseBuilder。
newUpdateDraftBccRecipientsAction()
创建一个新的 UpdateDraftBccRecipientsAction
;
返回
UpdateDraftBccRecipientsAction
- 一个空的 UpdateDraftBccRecipientsAction。
newUpdateDraftBodyAction()
newUpdateDraftCcRecipientsAction()
创建新的 UpdateDraftCcRecipientsAction
。
返回
UpdateDraftCcRecipientsAction
- 一个空的 UpdateDraftCcRecipientsAction。
newUpdateDraftSubjectAction()
newUpdateDraftToRecipientsAction()
创建新的 UpdateDraftToRecipientsAction
。
返回
UpdateDraftToRecipientsAction
- 一个空的 UpdateDraftToRecipientsAction。
newValidation()
创建新的 Validation
。
适用于 Google Chat 应用和 Google Workspace 插件。
const validation = CardService.newValidation() .setCharacterLimit(5) .setInputType(CardService.InputType.EMAIL);
返回
Validation
- 空验证。