跳至主要内容

REFERENCE

開發者參考

認證、API、SDK、Flow Agent 處理節點與參數取值的完整參考。

Image

Image 用於發送圖片的 message template。

  1. 基本用法​

    Image 在聊天介面中顯示圖片內容。使用者可以點擊預覽圖片來查看原始圖片。

  2. Template 結構​

    JSON 格式​

    {
    "type": "IMAGE",
    "originalContentUrl": "https://placehold.co/600x400",
    "previewImageUrl": "https://placehold.co/300x200",
    "quickReplies": [
    {
    "text": "查看詳情"
    }
    ]
    }

    屬性說明​

    type(必填)​

    message template 類型,固定為 "IMAGE"。

    originalContentUrl(必填)​

    原始圖片的 URL 位址。當使用者點擊預覽圖片時會顯示此圖片。

    previewImageUrl(必填)​

    預覽圖片的 URL 位址。在聊天介面中首先顯示的縮圖版本。

    quickReplies(選填)​

    快速回覆按鈕陣列。詳細設定請參考 Quick Replies 文件。

  3. 使用範例​

    要在 Push Message 中發送圖片,請按照以下步驟操作:

    1. 在 Template 欄位的下拉選單中選擇 Expression。
    2. 在 Editor 編輯器中輸入以下 JavaScript 程式碼。

    基本圖片訊息​

    (() => {
    return {
    type: 'IMAGE',
    originalContentUrl: 'https://example.com/photo.jpg',
    previewImageUrl: 'https://example.com/photo-thumb.jpg',
    };
    })()

    搭配快速回覆​

    (() => {
    return {
    type: 'IMAGE',
    originalContentUrl: 'https://example.com/product-image.jpg',
    previewImageUrl: 'https://example.com/product-thumb.jpg',
    quickReplies: [
    {
    text: '查看詳情',
    },
    {
    text: '立即購買',
    },
    ],
    };
    })()

準備好開始了嗎?

想知道 Asgard 怎麼用在你的團隊?跟我們聊聊。

聯絡我們