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

More than 3 years have passed since last update.


事前準備



  • herokuのアカウント登録


Api.aiを使う

スクリーンショット 2016-04-18 20.07.45.png

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を生成

スクリーンショット 2016-04-19 7.45.43.png


作業手順


  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



  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を見てください :eyes:


Hello-poop



ウンチが喋った!!! :poop: :tada:

Hello-poop

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


参考

Facebook Integration · Api.ai

Guidelines · Api.ai