LINE BOT AWARDSハンズオンHeroku × GitHub × line-bot-sdk-php

自己紹介• 2005 年　 IT 業界に入る• 2009 年　プログラミング始める• 2011 年　株式会社ソニックムーブに Join

• LINE ビジネクコネクト (Tonariwa)• 動画広告プラットフォーム (Guile)

Since

Work

今回のゴール

• Heroku 上でエコーボットを作る

やること• GitHub にリポジトリを作成• Heroku にアプリケーションを作成• Heroku と GitHub を連携させて自動デプロイを設定• LINE Developers の設定• 動作確認

GitHub にリポジトリ作成

• ハンズオン用のリポジトリから Fork して新規リポジトリを作成• https://github.com/hirarin/line-bot• ローカルへ clone

ハンズオン用のリポジトリから Fork して新規リポジトリを作成

Heroku にアプリケーションを作成GitHub と連携させて自動デプロイ

• Create New app• Deployment method から GitHub を選択• GitHub の認証画面で連携を承認• ハンズオン用のリポジトリを検索して Connect• Enable Automatic Deploys を有効化

Create New App

Deployment method から GitHub を選択

GitHub の認証画面で連携を承認

GitHub の認証画面で連携を承認

GitHub の認証画面で連携を承認

ハンズオン用のリポジトリを検索して Connect

Enable Automatic Deploys を有効化

LINE Developers の設定

• LINE BUSINESS CENTER へアクセス• https://business.line.me/ja/• ツール > LINE Developers へ• Channel Secret の確認• Channel Access Token の発行• Webhook URL の設定• QR コードから友達追加

LINE BUSINESS CENTER へアクセス

Channel Secret の確認

Channel Access Token の発行 /Webhook URL の設定

動作確認

… の前に• ChannelSecret と ChannelAccessToken を Heroku の環境変数としてセット• Heroku の CLI ツール• https://devcenter.heroku.com/articles/heroku-cli

$ heroku config:set -a <APP> \LINEBOT_CHANNEL_TOKEN=<your access token> \LINEBOT_CHANNEL_SECRET=<your channel secret>

Channel Secret と Channel Access Token をHeroku の環境変数としてセット

動作確認入力したテキストがそのまま返って来れば成功

FAQ