Help us understand the problem. What is going on with this article?

Local環境でLINE Botを開発するためのセットアップ

概要

この記事ではLocal環境でLINE Botを開発するために必要な手順を記載しています。

今回の内容

  • LINE Developersの登録とチャネルの作成
  • ngrokのインストール
  • Webhook URLの設定

手順

チャネルを作成する

以下のLINE Developers公式サイトの手順を参考にBot用のチャネルを作成します。
https://developers.line.me/ja/docs/messaging-api/getting-started

作成したチャネルを選択し、Messaging API設定タブ内にあるチャネルアクセストークンの「再発行」ボタンをクリックします。
image.png

「アクセストークンを再発行しますか?」というダイアログが表示されますが、そのまま「再発行」をクリックすると、アクセストークンが発行されます。このトークンはMessaging APIの呼び出し時に必要になります。

ngrokのインストール

ターミナルもしくはコマンドプロンプトから以下のコマンドを実行してngrokをインストールします。

# macの場合
brew cask install ngrok
# linuxの場合
npm i -g ngrok

Windowsもしくは、上記コマンドでインストールできない場合は、下記ngrok公式サイトを参考にセットアップしてください。アカウント登録も必要となります。
https://ngrok.com/download

次に、ngrokを起動します。

ngrok http 5000

以下のような結果が返ってくるので、Forwardingの前部分(下記の例では http://7c4d4d83.ngrok.io)をコピーします。

ngrok by @inconshreveable                                                                                         (Ctrl+C to quit)

Session Status                online                                                                                              
Session Expires               7 hours, 58 minutes                                                                                 
Version                       2.3.34                                                                                              
Region                        United States (us)                                                                                  
Web Interface                 http://127.0.0.1:4040                                                                               
Forwarding                    http://7c4d4d83.ngrok.io -> http://localhost:5000                                                   
Forwarding                    https://7c4d4d83.ngrok.io -> http://localhost:5000                                                  

Connections                   ttl     opn     rt1     rt5     p50     p90                                                         
                              0       0       0.00    0.00    0.00    0.00   

Webhook URLの設定

先ほど作成したLINE DevelopersのMessaging API設定内のWebhook設定に移動し、Webhook URLに先ほどコピーしたURL(http://7c4d4d83.ngrok.io) + /callbackを指定します。
image.png

もしWebhookの利用がOFFになっていたら、トグルをONに切り替えてください。

以上でセットアップは終わりです。

sekikazu
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
No comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
ユーザーは見つかりませんでした