メインコンテンツまでスキップ

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. エディターに次の 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 をチームでどう活用できるか、お気軽にご相談ください。

お問い合わせ