【初心者でも安心】プログラミングをせずにFacebook Messenger Botを作成する

事前準備

• herokuのアカウント登録

Api.aiを使う

Api.aiというサービスを使います。

作業手順

1. Conversational Bots for Facebook Messengerにアクセス
2. アカウント作成
3. アカウント作成後、ログイン。ダッシュボード(設定画面)が見られることを確認。

Facebookアプリ登録&Facebookページ作成

botを作るためには、Facebookアプリ登録&Facebookページ作成が必要になります。

作業手順

1. Quick Starts - 開発者向けFacebookからFacebookアプリ登録を行う
2. Facebookページを作成
3. こちらにアクセスし、上のGifアニメを参考にしながらアプリ登録
4. 左メニューから「Messenger」を選択
5. Get Startedボタンを押す

Page Access Tokenを生成

作業手順

1. 「Select a page」を押し、自分のFacebookページを選択
2. 「レビュー申請」の表示がされますが、ひとまず開発者が動作確認できることを優先しOKを押す

Agent作成

こちらから新規Agentを作成。

Facebook Messengerと結びつける

作業手順

1. Integrationsタブをクリック
2. Enable SwitchボタンをONにする
3. Deploy Herokuボタンを押す(Heroku Free Planではアプリケーションを5個までしか作成できない。5個作成している方は既存のものを1つ削除する必要があるので注意。)
4. Saveボタンを押して保存

Heroku Appの設定

作業手順

1. App Name:アプリの名前。何でも良いので適当に設定する
2. FB_VERIFY_TOKEN:何でも良い。サンプルでは「secret」
3. FB_PAGE_ACCESS_TOKEN:先ほど作成したPage Access Tokenを入力

Webhookの設定

作業手順

1. 「Setup Webhooks」をクリック
2. Callback URL
   • https://[YOUR_APP_NAME].herokuapp.com/webhook
     • herokuで設定したappNameはYOUT_APP_NAMEとなる
       • sample
         • https://sample.herokuapp.com/webhook
3. Verify Token
   • herokuの設定画面で決めたFB_VERIFY_TOKENを入力
4. Checkbox
   • messagesを選択

Botをテスト

作業手順

1. Facebook Pageにアクセスして「メッセージ」クリック
2. チャット入力UIが表示されるのでなんでも良いので入力。何か返ってくるのか確認

Botから返信がないとき

herokuの設定画面から再起動を試みる。

応答パターンを作成

Introduction to Intents · Api.aiを見ながらIntentを作成する。詳細はVideoを見てください

Hello-poop

ウンチが喋った!!!
Hello-poop
(Bot Storeの審査を通していないのでBotは動きませんw 開発者のアカウントから投稿すると動きます)

参考

Facebook Integration · Api.ai
Guidelines · Api.ai