LINE Messaging APIを使ってるときWebhook周りでエラーが起こった

Question

こちらの8のLINE公式アカウントにLINEでテキストメッセージを送り、送信した内容と同じメッセージが返ってくることを確認します。で残念ながら同じメッセージが返ってきませんでした。

おそらく原因はWebhookのところでVerifyを押したときに以下のようになることなのですがこれの解決方法がわかりません。調べてみると「502 Bad Gateway」はサーバー側のエラーの問題なのでユーザー側ではどうしようもないそうなのですがそうなのでしょうか。どなたかご教授いただけないでしょうか？ちなみにWebhookのURLはhttps://{アプリ名}.herokuapp.com/を入力してこれは、「Heroku | Welcome to your new app!」と出てくるので生きてると思います。知見をお持ちの方、ぜひよろしくお願いいたします。

Herokuにデプロイする際は下のようにConfig Varsのみ入力して、右上の「Open app」を押しました。他のBuildpacksやSSL Certificates、Domain、Maintenance modeなどは何も入力しておりません。

Answer 1

提示されていたリンクの5にありますが
callbackURLは「https://{HEROKU_APP_NAME}.herokuapp.com/callback」だと思います。

5.「https://{HEROKU_APP_NAME}.herokuapp.com/callback」というURL形式で、Webhook URLを入力します。

注：{HEROKU_APP_NAME}は手順3で指定したアプリ名です。

また、Verifyを押したときに200やSuccessなどが出ていない(Errorが表示される)場合は実際にメッセージを送信しても返信が返ってくることはないと思います。
ですので先にそちらが成功することを確認してから実際に試すことをお勧めします。

---

https://{HEROKU_APP_NAME}.herokuapp.comにアクセスして

Heroku | Welcome to your new app!

Refer to the documentation if you need help deploying.

と出てくる場合はそもそも対象のHerokuにデプロイができていないのだと思います。
ですので、もう一度デプロイをしてみてください。

Comments

[cunwe]

ご回答いただきありがとうございます。ご指摘いただきましたように.comの後にcallbackを追記してみましたが、結果は同じくダメでした。
「先にそちらが成功することを確認してから実際に試す」とはどういう意味でしょうか？

[Alma-field]

callbackを変更したのちにVerifyを実行しても502のままでしょうか？
(エラーコード等の変更はありますでしょうか)

> 「先にそちらが成功することを確認してから実際に試す」とはどういう意味でしょうか？

「先にそちらが成功することを確認してから実際に試す」とは
LINEのコンソール上で`Verify`を実行した際に「Success」や「成功」が返ってくることを確認した後に実際にLINEアプリからBOTへメッセージを送信するという意味です。

[cunwe]

「先にそちらが成功することを確認してから実際に試す」の意味につきましては、理解できました、ありがとうございます。

＞callbackを変更したのちにVerifyを実行しても502のままでしょうか？
(エラーコード等の変更はありますでしょうか)

はい、残念ながら全く同じエラーが画面が出てきてしまいます。。

[Alma-field]

回答欄に追記しましたがもう一度デプロイをしてみてください。

[cunwe]

あ、その画面になっていますね。。