Serverless FrameworkでChatwork通知用APIを作成する方法

こんにちは。串上です。
前回ReactとAWS API Gatewayの連携方法を書いた者です。

前回の記事を読んでいただいた方は思ったかもしれませんが、API Gatewayって手動で設定するの面倒ですよね。

そこで今回はそのあたりの設定をコマンド一発で自動化してくれる素敵なフレームワークであるServerless Framework(v1.1)について書きたいと思います。 https://serverless.com/

Serverless Frameworkを利用するにあたって、 AWS CLI（AWSをコマンドラインからごにょごにょするツール）をインストールする必要があるので、まずはそちらから。

pipをインストール

curl "https://bootstrap.pypa.io/get-pip.py" -o "get-pip.py"
sudo python get-pip.py

え、AWS CLIちゃうん？って思った方、そうあせらないでください。
AWS CLIをインストールするためにはPythonのパッケージ管理ツールpipが必要なんです。
とりあえず入れて下さい。

こんな感じになればインストール完了です。

Collecting pip
  Downloading pip-9.0.1-py2.py3-none-any.whl (1.3MB)
    100% |████████████████████████████████| 1.3MB 816kB/s
Collecting wheel
  Downloading wheel-0.29.0-py2.py3-none-any.whl (66kB)
    100% |████████████████████████████████| 71kB 5.9MB/s

次に行きます。

AWS CLIをインストール

sudo pip install awscli

で、OKと思ったらsixがどうちゃら言われてエラーが出たら、以下の魔法版で実行して下さい。

sudo pip install awscli --upgrade --ignore-installed six

するとこんな感じにインストールが完了します。

Collecting awscli
  Downloading awscli-1.11.15-py2.py3-none-any.whl (1.0MB)
    100% |████████████████████████████████| 1.0MB 804kB/s
Collecting six
  Downloading six-1.10.0-py2.py3-none-any.whl
...
Successfully installed awscli-1.11.15 botocore-1.4.72 colorama-0.3.7 docutils-0.12 futures-3.0.5 jmespath-0.9.0 pyasn1-0.1.9 python-dateutil-2.6.0 rsa-3.4.2 s3transfer-0.1.9 six-1.10.0

AWS CLIのインストールは完了しましたが、このままではまだ「だれのAWSに接続するん？」って話なんで、そのあたりも設定していきます。

AWS CLIの設定

aws configure

ってコマンドを打つと、以下のように質問してくるので答えます。

AWS Access Key ID [None]: xxxxxxxxxx
AWS Secret Access Key [None]: yyyyyyyyyy
Default region name [None]: ap-northeast-1
Default output format [None]: json

region nameとoutput formatは好きに変えて下さい。
自分はjson好きの日本在住なので上記の設定にしています。

xxxxxxxxxxとyyyyyyyyyyはAWSのユーザーを作成したときの一回だけしかダウンロードまたは表示ができないアレです。
一回だけだなんて厳しいですよね。
しかもユーザー作成したときなんて何にもわかってないときやのに、ダウンロードってなんやねんって感じですよね。
でもダウンロードはしといてください。
そして安全な場所に保管しておいて下さい。
確かファイル名はcredentialsだったような。

これが完了すると、~/.aws/credentialsっていうファイルが出来ます。中身はこんな感じ。

[default]
aws_access_key_id = xxxxxxxxxx
aws_secret_access_key = yyyyyyyyyy

これでAWS CLIが使えるようになったので、ついにServerless Frameworkをインストールします。

※Serverless Frameworkをインストールするにはnpmが必要です。
npmって何？ってひとはこちらを参考にしてください。

Serverless Frameworkをインストール

npm install -g serverless

こんな感じになればインストール完了です。

└─┬ serverless@1.1.0 
  ├── agent-base@2.0.1 
  ├── ansi-regex@2.0.0 
  ├── ansi-styles@2.2.1 
  ├─┬ archiver@1.1.0 
  │ └── async@2.1.1 
...

これでserverlessコマンドが使えるようになったんですが、いちいちserverlessとか長いしタイポしそうなんで、
slsって短縮コマンドも用意されています。

早速プロジェクトを作成しましょう！

Serverless Frameworkでプロジェクトを作成

mkdir serverless-chatwork
cd serverless-chatwork
sls create --template=aws-nodejs

するとこんな感じにカッコイイロゴが表示されれば、プロジェクトの作成は完了です。

Serverless: Generating boilerplate…
 _______                             __
|   _   .-----.----.--.--.-----.----|  .-----.-----.-----.
|   |___|  -__|   _|  |  |  -__|   _|  |  -__|__ --|__ --|
|____   |_____|__|  \___/|_____|__| |__|_____|_____|_____|
|   |   |             The Serverless Application Framework
|       |                           serverless.com, v1.1.0
 -------'

Serverless: Successfully generated boilerplate for template: "aws-nodejs"
Serverless: NOTE: Please update the "service" property in serverless.yml with your service name

nodejs？僕パイソニスタなんだけど。って人はpython版で作成してください。 templateのaws-nodejsをaws-pythonに変更すればOKです。

ではプロジェクトの設定をしていきましょう。

Serverless Frameworkプロジェクトの設定

serverless.ymlというファイルがあるので以下のように編集します。

service: serverless-chatwork # プロジェクト名です。好きな値をどうぞ。

provider:
  name: aws
  runtime: nodejs4.3
#  stage: dev # デプロイする環境。デフォルトではdevになってる。開発環境なんていらんよ。って人はproduction等に変更しましょう。
  profile: default # ~/.aws/credentialsの中の[]の中の文字です。defaultの場合はこの行削除してもいいです。
  region: ap-northeast-1 # AWSのリージョンです。東京に変更したい場合はこんな感じ。

functions:
  push: # 作成するLambdaの名前
    handler: handler.push # handler.js内の関数名
    events:
      - http:
          path: v1/push # API Gatewayのエンドポイント v1とかバージョンを作っとくと大規模な改修の際に便利かも？
          method: post # get, post, put, delete等
          cors: true # これ設定するとCORSが有効になって外部からも叩けるよ

plugins:
  - serverless-run-function-plugin # あとで説明するけど、これ入れとくとローカルでテストできます。

上の設定で出て来るserverless-run-function-pluginですが、デプロイする前にローカルでAPIのテスト出来るようになるので入れておきましょう。

serverless-run-function-pluginのインストール

npm install -g serverless-run-function-plugin

早速ローカルでテストを実行する前に、handler.jsも修正しましょう。 handler.jsはLambdaの中身になります。

handler.jsとevent.jsonの設定

今回は以下のように修正して下さい。簡単に補足するとevent.jsonはコマンドから実行するときにhandler.jsのeventに任意の値を設定するためのものです。

handler.js

'use strict'; // 厳しいモードでいきましょう。

const request = require('request');

const CHATWORK_TOKEN = 'チャットワークAPIを利用するためのトークン';

module.exports.push = (event, context, callback) => {
  var response = {
    statusCode: 200,
    // CORSを有効にする場合は設定必要。*は全てなので許可する範囲を設定したい人は修正してください。
    headers: {
      "Access-Control-Allow-Origin" : "*"
    },
  };

  // postでjson文字列を送信した場合、受け取ったデータは全てevent.bodyに入っています
  const post = JSON.parse(event.body);

  // room_idは必須にする
  if(typeof post.room_id == 'undefined'){
    response.statusCode = 400;
    response.body = JSON.stringify({ message: 'room_idを指定して下さい。' });
    return callback(null, response);
  }

  // textは必須にする
  if(typeof post.text == 'undefined'){
    response.statusCode = 400;
    response.body = JSON.stringify({ message: 'textを指定して下さい。' });
    return callback(null, response);
  }

  // チャットワークにチャット送信
  pushToChatwork(post.room_id, post.text);

  response.body = JSON.stringify({ message: '送信完了' });
  callback(null, response);

};

// チャットワークにチャット送信
const pushToChatwork = (room_id, text) => {
  var options = {
    url: 'https://api.chatwork.com/v1/rooms/' + room_id + '/messages',
    headers: {
      'X-ChatWorkToken': CHATWORK_TOKEN
    },
    form: { body: text },
    json: true
  };
  request.post(options);
}

event.json

{
  "body": "{\"room_id\": \"チャットワークのルームID\", \"text\": \"投稿したい文字列\"}"
}

また、今回requestパッケージを使用したので、npmの下準備をしてインストールしましょう。

npm init

Press ^C at any time to quit.
name: (serverless-chatwork) 
version: (1.0.0) 
description: Chatwork API with Serverless Framework
entry point: (handler.js) 
test command: 
git repository: 
keywords: 
author: 
license: (ISC) 
About to write to /Users/shunkushigami/tmp/serverless-chatwork/package.json:

{
  "name": "serverless-chatwork",
  "version": "1.0.0",
  "description": "Chatwork API with Serverless Framework",
  "main": "handler.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}

requestのインストール

npm install request --save

これでnode_modulesというディレクトリが出来て、デプロイ時に一緒にアップしてくれます。

ローカルでテストを実行

sls run -f push

-fの後に実行する関数名を指定すると実行してくれます。

こんな感じに表示されて、

Serverless: -----------------
Serverless: Success! - This Response Was Returned:
Serverless: {
    "statusCode": 200,
    "headers": {
        "Access-Control-Allow-Origin": "*"
    },
    "body": "{\"message\":\"送信完了\"}"
}

指定のルームにチャットが届けば成功です！

今のままではローカルでしか実行できないので、いよいよデプロイします。

Serverless FrameworkでAWSにデプロイする

sls deploy

たったのこれだけです。
Serverless Frameworkやばいですね。これだけでCloudFormationを作成してくれて、それらをS3にアップしてくれて、Lambda作ってくれて、API Gateway作ってくれます。

こんな感じでエンドポイントが表示されればデプロイ完了です。

Serverless: Creating Stack…
Serverless: Checking Stack create progress…
..
Serverless: Stack create finished…
Serverless: Deprecation Notice: Starting with the next update, we will drop support for Lambda to implicitly create LogGroups. Please remove your log groups and set "provider.cfLogs: true", for CloudFormation to explicitly create them for you.
Serverless: Packaging service…
Serverless: Uploading CloudFormation file to S3…
Serverless: Uploading service .zip file to S3…
Serverless: Updating Stack…
Serverless: Checking Stack update progress…
.................
Serverless: Stack update finished…

Service Information
service: serverless-chatwork
stage: dev
region: ap-northeast-1
api keys:
  None
endpoints:
  POST - https://xxxxxxxxxxxx.execute-api.ap-northeast-1.amazonaws.com/dev/v1/push
functions:
  serverless-chatwork-dev-push: arn:aws:lambda:ap-northeast-1:xxxxxxxxxxxxxxxx:function:serverless-chatwork-dev-push

では、AWSにアップされたようなのでコマンドから実際にエンドポイントが効いているか試してみましょう。

Serverless FrameworkでAPIをコールする

sls invoke -f push -p event.json

このコマンドで実際にリモートのAPIをevent.jsonの内容でコールしてくれます。
-pで使用するevent用jsonを指定します。

以下のように表示されて、実際にチャットが届けば完了です！

{
    "statusCode": 200,
    "headers": {
        "Access-Control-Allow-Origin": "*"
    },
    "body": "{\"message\":\"送信完了\"}"
}

作ったはいいけど、他の人に試してもらうためには以下のように教えてあげましょう。

jQueryから試す

jQueryマイスターには以下で試してもらいましょう。

var data = {
    room_id: "チャットワークのルームID",
    text: "投稿したい文字列"
}
$.ajax({
    url: "生成したエンドポイント",
    type: "POST",
    dataType: "JSON",
    data: JSON.stringify(data)
});

Curlから試す

コマンドライン大好きな人には以下で試してもらいましょう。

curl 生成したエンドポイント -X POST -d "{\"room_id\": "チャットワークのルームID", \"text\": \"投稿したい文字列\"}"

まとめ

以上、長々と書きましたが、Serverless Frameworkを実践的に使用する方法を解説しました。
Serverless Frameworkとかサーバーレス自体に興味ある人はぜひ試してみて下さい。

次回以降はDynamoDBとの連携方法や、Lambdaの定期実行等も書いていきたいと思いますので、乞うご期待！

お疲れ様でした。