Serverless(JAWS) & Slack Slash Commands でお天気通知機能を作ってみた #アドカレ2015

 

# ~/.aws/credentials

[serverless-user]
aws_access_key_id = XXXXXXXXXXXX
aws_secret_access_key = XXXXXXXXXXXX

$ npm install serverless -g

$ serverless project create

_______                             __
|   _   .-----.----.--.--.-----.----|  .-----.-----.-----.
|   |___|  -__|   _|  |  |  -__|   _|  |  -__|__ --|__ --|
|____   |_____|__|  \___/|_____|__| |__|_____|_____|_____|
|   |   |             The Serverless Application Framework
|       |                          serverless.com, v.0.0.12
`-------'
Serverless: Enter a project name:  (serverlessNyANeVIHe) weather-slack
Serverless: Enter a project domain (used for serverless regional bucket names):  (myapp.com) xxxxxxxx
Serverless: Enter an email to use for AWS alarms:  (me@myapp.com) xxxxxxxx
Serverless: Select a region for your project:
    us-east-1
    us-west-2
    eu-west-1
  > ap-northeast-1 # 東京リージョンが選択できるので選択
Serverless: Select an AWS profile for your project:
    Alfa-user
    Bravo-user
    Charlie-user
  > serverless-user # 設定したクレデンシャルを選択
Serverless: Creating a project region bucket on S3: serverless.apnortheast1.weather.slack.com...
Serverless: Creating CloudFormation Stack for your new project (~5 mins)...
Serverless: Successfully created project: weather-slack

$ cd project_dir

$ serverless module create -m serverless-slack -f weather

$ Serverless: Successfully created new serverless module "serverless-slack" with its first function "weather"

$ serverless function deploy

$ serverless endpoint deploy

https://xxxxxxxx.execute-api.ap-northeast-1.amazonaws.com/xxxxxxxx/serverless-slack/weather

Project_Dir
├── back/
├── cloudformation/
├── plugins/
├── admin.env
├── README.md
└── s-project.json


# Project_Dir/back/modules/serverless-slack/weather/s-function.json

{
...

        "serverless-slack/weather": {
          "method": "POST",
          "authorizationType": "none",
          "apiKeyRequired": false,
          "requestParameters": {},
          "requestTemplates": {
            "application/x-www-form-urlencoded": "{\n  \"postBody\" : $input.json(\"$\")\n}"
          },
...
}

"method": "POST", 

"application/x-www-form-urlencoded": "{\n  \"postBody\" : $input.json(\"$\")\n}"

$ serverless endpoint deploy

Serverless: Deploying endpoints in "development" to the following regions: ap-northeast-1
Serverless: Successfully deployed endpoints in "development" to the following regions:
Serverless: ap-northeast-1 ------------------------
Serverless: POST - https://xxxxxxxxx.execute-api.ap-northeast-1.amazonaws.com/xxxxxxxx/serverless-slack/weather

# Project_Dir/back/modules/serverless-slack/package.json

{
  "dependencies": {
    "serverless-helpers-js": "~0.0.3",
    "request": "^2.67.0"
  }
}

# Project_Dir/back/modules/serverless-slack/

$ npm install request --save

# Project_Dir/back/modules/serverless-slack/weather/event.json

{}

# Project_Dir/back/modules/serverless-slack/weather/lib/index.js

/**
 * Lib
 */

var request = require('request');

module.exports.respond = function(event, cb) {

    var webApiUrl = "http://api.openweathermap.org/data/2.5/weather?q=",
        country = "jp",
        city,
        appId = "XXXXXXXXXXXXXXXX",
        params = [],
        response,
        hash,
        hashes = event.postBody.split("&");

        for(var i = 0; i < hashes.length; i++) {
            hash = hashes[i].split('=');
            params.push(hash[0]);
            params[hash[0]] = hash[1];
        }

        city = params.text;

    //オプションを定義
    var options = {
      url: webApiUrl + city + "," + country + "&appid=" + appId,
      method: 'GET',
      headers: { 'Content-Type':'application/json'},
      json: true
    };

    //リクエスト送信
    request(options, function (error, response, body) {
        if (!error && response.statusCode == 200) {

            //成功時
            response = {
                "text": body.name  + "の天気予報",
                "attachments": [
                    {
                        "color": "#bdc2c6",
                        "image_url": "http://openweathermap.org/img/w/" + body.weather.icon + ".png",
                        "fields": [
                            {
                            "title": "天気",
                            "value": body.weather.main,
                            "short": false
                            }
                        ]
                    },
                    {
                        "color": "#00cdc0",
                        "fields": [
                            {
                            "title": "気温",
                            "value": Math.round( body.main.temp - 273.15),
                            "short": false
                            }
                        ]
                    },
                    {
                        "color": "#ff6d6f",
                        "fields": [
                            {
                            "title": "最高気温",
                            "value": Math.round(body.main.temp_max - 273.15),
                            "short": false
                            }
                        ]
                    },
                    {
                        "color": "#2095db",
                        "fields": [
                            {
                            "title": "最低気温",
                            "value": Math.round(body.main.temp_min - 273.15),
                            "short": false
                            }
                        ]
                    },
                ]
            };

            return cb(null, response );

        } else {

			  // 失敗時
            response = { text : 'error: '+ response.statusCode };

            return cb(null, response );
        }
    });
};

$ serverless function deploy

Serverless: Deploying functions in "XXXXXXXX" to the following regions: ap-northeast-1
Serverless: Successfully deployed functions in "development" to the following regions: ap-northeast-1