More than 5 years have passed since last update.

AWS LambdaとAPI GatewayでSlackBot「ShuzoBot」を作ってみた

Posted at 2017-05-14

#はじめに

AWSド初心者のわたなゔぇです。
流れでSlackBotを作ることになって、流れでサーバーレスにしてみようって話になって、
流れで試作してできたのがShuzoBotです（雑）

機能として
・あらかじめ設定したマイナスな言葉を打つと対応したShuzoのアツい言葉が届く

以上です。

また、今回はこちらの記事を参考にしました。

AWS Lambda を使って Slack ボット (命名: Lambot [ランボー]) を低予算で作ろうじゃないか

AWSコンソールの画面配置が変わっておりちょっと混乱したので
覚え書きも兼ねて。

#AWS側の設定

###Lambda

Lambda関数の作成

設計図選択

「microservice-http-endpoint」を選択。

トリガー設定

API名：ShuzoBot
デプロイされるステージ：prod
セキュリティ：オープン

にそれぞれ指定します。なんか警告出るけど無視で今回はおk。

命名

次の画面で名前をつけます。説明の欄は多分ちゃんと書いておいた方がいいけど~~めんどくさかったので~~今回はこのままやっちゃいました。

Lambda関数のコード設定

「コードをインラインで編集」モードにしてから、

exports.handler = function(event, context) {
    var text = '';

    switch(event.text) {
        case '帰りたい':
            text = '富士山のように、日本一になるって言っただろ！ お前、昔を思い出せよ！！ 今日からお前は富士山だ！！！';
            break;
        case 'もう無理':
            text = 'もっと熱くなれよ…!!熱い血燃やしてけよ…!!人間熱くなったときがホントの自分に出会えるんだ！';
    }
    
    if(text !== '') {
        context.done(null, {text: text});   
    }
};

これを貼っつけます。

ハンドラとロールの設定

ハンドラ：index.handler
ロール：既存のロールを選択
既存のロール：lambda_basic_execution

詳細設定

画面したのタブを開いて、
メモリ：128
タイムアウト：3秒　に設定。

###API Gatewayの設定

API Gateway設定画面へ

https:~~~~/ShuzoBotのURLは、どこかに控えておいてください。
あとで使います。

画像の「ANY」をクリック。

POSTメソッドの追加

/ShuzoBotを選択した状態で　アクションをクリック。

続いて、「メソッドの作成」をクリック。

こんなやつが出てくるので、POSTを選択してチェックマークをポチ。

ANYの削除

ANYを選択した状態で、アクションからメソッド削除。

POSTメソッドのセットアップ

POSTを選択して、
関数名を「ShuzoBot」に設定、保存。

マッピングテンプレートの設定

するとこんな画面になるので、
「統合リクエスト」をクリック。

画面下の方のタブを開いて、

Content-Typeに
「application/x-www-form-urlencoded」を入力して横のチェックマークをぽち。
「マッピングテンプレートの追加」をクリック。

出てきたやつに入力。
（これについての解説は参考にしたページをご覧ください）

## convert HTML POST data or HTTP GET query string to JSON

## get the raw post data from the AWS built-in variable and give it a nicer name
#if ($context.httpMethod == "POST")
 #set($rawAPIData = $input.path('$'))
#elseif ($context.httpMethod == "GET")
 #set($rawAPIData = $input.params().querystring)
 #set($rawAPIData = $rawAPIData.toString())
 #set($rawAPIDataLength = $rawAPIData.length() - 1)
 #set($rawAPIData = $rawAPIData.substring(1, $rawAPIDataLength))
 #set($rawAPIData = $rawAPIData.replace(", ", "&"))
#else
 #set($rawAPIData = "")
#end

## first we get the number of "&" in the string, this tells us if there is more than one key value pair
#set($countAmpersands = $rawAPIData.length() - $rawAPIData.replace("&", "").length())

## if there are no "&" at all then we have only one key value pair.
## we append an ampersand to the string so that we can tokenise it the same way as multiple kv pairs.
## the "empty" kv pair to the right of the ampersand will be ignored anyway.
#if ($countAmpersands == 0)
 #set($rawPostData = $rawAPIData + "&")
#end

## now we tokenise using the ampersand(s)
#set($tokenisedAmpersand = $rawAPIData.split("&"))

## we set up a variable to hold the valid key value pairs
#set($tokenisedEquals = [])

## now we set up a loop to find the valid key value pairs, which must contain only one "="
#foreach( $kvPair in $tokenisedAmpersand )
 #set($countEquals = $kvPair.length() - $kvPair.replace("=", "").length())
 #if ($countEquals == 1)
  #set($kvTokenised = $kvPair.split("="))
  #if ($kvTokenised[0].length() > 0)
   ## we found a valid key value pair. add it to the list.
   #set($devNull = $tokenisedEquals.add($kvPair))
  #end
 #end
#end

## next we set up our loop inside the output structure "{" and "}"
{
#foreach( $kvPair in $tokenisedEquals )
  ## finally we output the JSON for this pair and append a comma if this isn't the last pair
  #set($kvTokenised = $kvPair.split("="))
 "$util.urlDecode($kvTokenised[0])" : #if($kvTokenised[1].length() > 0)"$util.urlDecode($kvTokenised[1])"#{else}""#end#if( $foreach.hasNext ),#end
#end
}