質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

88.58%

LINE BOTでカルーセルのサムネイル画像を表示できない。PHP

解決済

回答 1

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 1,160

pro59luckjp

score 12

コード全文です。

コードの//コメントアウトで問題点を書いてあります。
コンパイルは出来ていて、Messaging APIリファレンスに準拠していると思うのですが、
飲食とメッセージを送っても、カルーセルが表示されません。
サムネイルプロパティを削れば、カルーセルは表示されます。

ラインボットに詳しい方、助けてください。

<?php 
$accessToken = 'ここのアクセストークンは伏せます'; 
$jsonString = file_get_contents('php://input'); error_log($jsonString); 
$jsonObj = json_decode($jsonString); $message = $jsonObj->{"events"}[0]->{"message"}; 
$replyToken = $jsonObj->{"events"}[0]->{"replyToken"};

if($message->{"text"} == '飲食') {

    $messageData = [ 
        'type' => 'template', 
        'altText' => '飲食カルーセル', 
        'template' => [
             'type' => 'carousel', 
            'columns' => [ 
                [ 

//↓カルーセルのサムネイル画像を差し込みたいが、この一文を入れるとコンパイルは出来るが、処理が止まり、カルーセル自体が表示されなくなる

         'thumbnailImageUrl' => 'https://www.lb-yado.tk/lb-yado/img_carousel/gurumet.jpg',


//↑httpsは守れている。なにが原因かわからないのでわかる方教えていただきたいです。PHPです。

                    'title' => 'ご当地グルメ特選', 
                    'text' => '並ぶけど、間違いないし!',
                     'actions' => [
                         [
                            'type' => 'message',
                             'label' => 'おススメ順に表示',
                             'text' => '当ホテルのおススメ順DBからカルーセルで表示する'
                         ],
                         [ 
                            'type' => 'message', 
                            'label' => '現在地から近い順に表示',
                             'text' => '位置情報を送る/http://www.neobit.jp/archives/410'
                         ],
             [
                            'type' => 'message',
                             'label' => '予算の低い順に表示',
                             'text' => '予算の低い順からDBからカルーセルで表示する'
                         ]
                    ] 
                ],
                 [ 
                    'title' => '寿司・海鮮丼', 
                    'text' => '日本海の幸を堪能する!',
                     'actions' => [
                         [
                            'type' => 'message',
                             'label' => 'おススメ順に表示',
                             'text' => '当ホテルのおススメ順DBからカルーセルで表示する'
                         ],
                         [ 
                            'type' => 'message', 
                            'label' => '現在地から近い順に表示',
                             'text' => '位置情報を送る/http://www.neobit.jp/archives/410'
                         ],
             [
                            'type' => 'message',
                             'label' => '予算の低い順に表示',
                             'text' => '予算の低い順からDBからカルーセルで表示する'
                         ]
                    ] 
                ],
        [ 
                    'title' => '金沢カレー', 
                    'text' => 'トッピングでお腹いっぱい!',
                     'actions' => [
                         [
                            'type' => 'message',
                             'label' => 'おススメ順に表示',
                             'text' => '当ホテルのおススメ順DBからカルーセルで表示する'
                         ],
                         [ 
                            'type' => 'message', 
                            'label' => '現在地から近い順に表示',
                             'text' => '位置情報を送る/http://www.neobit.jp/archives/410'
                         ],
             [
                            'type' => 'message',
                             'label' => '予算の低い順に表示',
                             'text' => '予算の低い順からDBからカルーセルで表示する'
                         ]
                    ] 
                ],
        [ 
                    'title' => '金沢おでん', 
                    'text' => '麩や海鮮から旨味が出てる~!',
                     'actions' => [
                         [
                            'type' => 'message',
                             'label' => 'おススメ順に表示',
                             'text' => '当ホテルのおススメ順DBからカルーセルで表示する'
                         ],
                         [ 
                            'type' => 'message', 
                            'label' => '現在地から近い順に表示',
                             'text' => '位置情報を送る/http://www.neobit.jp/archives/410'
                         ],
             [
                            'type' => 'message',
                             'label' => '予算の低い順に表示',
                             'text' => '予算の低い順からDBからカルーセルで表示する'
                         ]
                    ] 
                ],
        [ 
                    'title' => 'ラーメン', 
                    'text' => '夜遅くまでやってるお店が多い!',
                     'actions' => [
                         [
                            'type' => 'message',
                             'label' => 'おススメ順に表示',
                             'text' => '当ホテルのおススメ順DBからカルーセルで表示する'
                         ],
                         [ 
                            'type' => 'message', 
                            'label' => '現在地から近い順に表示',
                             'text' => '位置情報を送る/http://www.neobit.jp/archives/410'
                         ],
             [
                            'type' => 'message',
                             'label' => '予算の低い順に表示',
                             'text' => '予算の低い順からDBからカルーセルで表示する'
                         ]
                    ] 
                ],
                [ 
                    'title' => '焼肉・焼鳥・鍋', 
                    'text' => '金沢の夜をがっつり!',
                     'actions' => [
                         [
                            'type' => 'message',
                             'label' => 'おススメ順に表示',
                             'text' => '当ホテルのおススメ順DBからカルーセルで表示する'
                         ],
                         [ 
                            'type' => 'message', 
                            'label' => '現在地から近い順に表示',
                             'text' => '位置情報を送る/http://www.neobit.jp/archives/410'
                         ],
             [
                            'type' => 'message',
                             'label' => '予算の低い順に表示',
                             'text' => '予算の低い順からDBからカルーセルで表示する'
                         ]
                    ] 
                ],
        [ 
                    'title' => '居酒屋', 
                    'text' => '海鮮をつまみに、地酒に酔う!',
                     'actions' => [
                         [
                            'type' => 'message',
                             'label' => 'おススメ順に表示',
                             'text' => '当ホテルのおススメ順DBからカルーセルで表示する'
                         ],
                         [ 
                            'type' => 'message', 
                            'label' => '現在地から近い順に表示',
                             'text' => '位置情報を送る/http://www.neobit.jp/archives/410'
                         ],
             [
                            'type' => 'message',
                             'label' => '予算の低い順に表示',
                             'text' => '予算の低い順からDBからカルーセルで表示する'
                         ]
                    ] 
                ], 
        [ 
                    'title' => 'バー', 
                    'text' => 'おいしい会話を過ごす',
                     'actions' => [
                         [
                            'type' => 'message',
                             'label' => 'おススメ順に表示',
                             'text' => '当ホテルのおススメ順DBからカルーセルで表示する'
                         ],
                         [ 
                            'type' => 'message', 
                            'label' => '現在地から近い順に表示',
                             'text' => '位置情報を送る/http://www.neobit.jp/archives/410'
                         ],
             [
                            'type' => 'message',
                             'label' => '予算の低い順に表示',
                             'text' => '予算の低い順からDBからカルーセルで表示する'
                         ]
                    ] 
                ],
              ] 
            ] 
    ];
 } else {
     // それ以外は送られてきたテキストをオウム返し
     $messageData = [ 'type' => 'text', 'text' => $message->{"text"} ]; 
} 
$response = [ 'replyToken' => $replyToken, 'messages' => [$messageData] ]; 
error_log(json_encode($response)); 
$ch = curl_init('https://api.line.me/v2/bot/message/reply'); 
curl_setopt($ch, CURLOPT_POST, true); 
curl_setopt($ch, CURLOPT_CUSTOMREQUEST, 'POST'); 
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); 
curl_setopt($ch, CURLOPT_POSTFIELDS, json_encode($response)); 
curl_setopt($ch, CURLOPT_HTTPHEADER, array( 'Content-Type: application/json; charser=UTF-8', 'Authorization: Bearer ' . $accessToken )); 
$result = curl_exec($ch); error_log($result); 
curl_close($ch);
  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • pro59luckjp

    2019/05/17 13:36

    タイトル修正しますので、どのようなのが喜ばれますか?

    思いつかないので、よろしくお願いします。

    キャンセル

  • m.ts10806

    2019/05/17 13:38

    最初にコメントしてますが、空白詰めてください

    キャンセル

  • pro59luckjp

    2019/05/18 09:44

    対応しました。ありがとうございます。

    キャンセル

回答 1

checkベストアンサー

+2

https://developers.line.biz/ja/reference/messaging-api/#carousel

画像またはタイトルの有無も、各カラムで統一してください。

なので、一つだけ入れちゃダメなんじゃないですかね?

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2019/05/17 13:17

    ありがとうございます。

    バブルコンテナを2つまで減らし、
    それぞれにサムネイルプロパティを入れたら、画像が表示されました。

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 88.58%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る