跳至主要内容

Image

Image 用於發送圖片的 message template。

基本用法​

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

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 文件。

使用範例​

要在 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: '立即購買',
      },
    ],
  };
})();