サーバーレスでFaceBook Bot

こんばんは、久保田です。先日のLineBotの記事からすっかりBotの動向が気になっている僕が、今回はFaceBookのMessengerでBotを作ってみます。決して前回のLineBotの記事が我がアドウェイズエンジニアブログの週間人気記事にランクインしたからと言ってもう一度あの感動を味わいたい、こんなのみんな好きなんでしょ？のような邪な思いはありません。決して。

では早速やっていきましょう！

ゴール

FaceBook Messenger API(Bot)では普通のテキストや画像でのやり取りの他に、いろいろできるっぽいです。

今回は、 - テキストの受付 - テキストの送信 - 画像の送信 - ボタンの送信 - カルーセルの送信

までやりたいと思います。本当はユーザーのFaceBook情報をとって、とかやりたかったのですが、これはFaceBookに申請して許可を得ないとできないので、今回は断念して基本的なことをやれるようにします。

フローはこんな感じです。

必要なもの

- FaceBookページ
- FaceBookのデベロッパーアプリ
- FaceBookからの確認のGetリクエストを受付るエンドポイント
- Messengerから投稿があった時にPOSTを受付るエンドポイント

以上の４つが必要になります。エンドポイントが２つ必要なのは特徴的なところですね。

環境

エンドポイントを作るために、サーバーが必要です。前回のLineBotではhttpsサーバーを自前で用意しましたが、同じことやっても面白くないので、今回は今流行りのサーバーレスでマイクロサービスっぽくやります。使用したのは以下の２つです。

- Lambda(AWS)
- API Gateway(AWS)

API Gatewayでエンドポイントを作り、Lambda(今回はNode.js 4.3)にコードを置いて処理をしよう、という感じです。最近よく見るやつですね。

Lambda

プログラムの置き場、イベントが起きたら実行させることができるシステムです。

まずはGetリクエストを受付るコードを用意します。メニューからLambdaを選んで、左上の「Create a Lambda Function」を選択して、 BluePrintを選択せず、右下のSkipを押してコードを実装できる画面に移動します。

ここに名前をつけて、コードを書いていきます。

var validationToken = "hogehogehogheo";
exports.handler = function(event, context) {
    console.log('Received event:', JSON.stringify(event, null, 2));

    if (event["hub.verify_token"] === validationToken) {
        context.done(null, Number(event["hub.challenge"]));
    } else {
        context.fail("validation failed");
    }
};

FaceBookからhub.challengeというパラメータをそのまま返せばOKです。 validationTokenというのはFaceBookで設定できるTokenです。好きな値にしておけばvalidationができます。

次はMessengerに投稿があった時に実行させるコードです。