CircleCIのビルド結果を受け取ってSlackに通知してた自前のHubotのHerokuのdynosが切れたので、Herokuを年末の大掃除してGASに移行した話です。

HTTPリクエストの受け取り

CircleCiからはPostでこういうjsonを受け取るとします。

{
  "payload": {
    "vcs_url" : "https://github.com/circleci/mongofinil",
    "build_url" : "https://circleci.com/gh/circleci/mongofinil/22",
    "build_num" : 22,
    "branch" : "master",
    ...
  }
}

HubotにはrouterというHTTPリクエストを受け取る機構がありますが、

例

これをGASで代用するとこうなります

ParameterClass.js

export class ParameterClass {
  constructor(e) {
    const req = JSON.parse(e.postData.contents);
    const payload  = req.payload;
    this.status    = payload.status;
    this.subject   = payload.subject;
    this.build_url = payload.build_url;
    this.branch    = payload.branch;
    this.reponame  = payload.reponame;
    this.username  = payload.username;
  }

  returnParams() {
    return {
      status:    this.status,
      subject:   this.subject,
      build_url: this.build_url,
      branch:    this.branch,
      reponame:  this.reponame,
      username:  this.username
    }
  }
}

Slackへの通知

Hubot運用時にはSlackのHubotのintegrationを使ってましたが、GASへの移行に伴いincomming webhookに変えました。以下はincomming webhookにpostするクラスです。

PostClass.js

export class PostClass {
  constructor(e) {
    this.webhookUrl = "webhookのurl";
    this.params = e;
  }

  createPost() {
    const value = `${this.params.subject}\n` +
      `CircleCI: ${this.params.build_url}` +
      `branch: ${this.params.branch}`
    const status = (this.params.status == 'failed') ? '#D00000':'#36a64f';
    const payload = {
      "attachments": [
        {
          "fallback": "ハラショー！ビルド成功！",
          "pretext": "ハラショー！ビルド成功！",
          "color":   status,
          "fields": [
            {
              "title": this.params.username + "、マスターにマージしてデプロイしてね♪",
              "value": value,
              "short": false
            }
          ]
        }
      ]
    };
    const options = {
      "method": "post",
      "payload": JSON.stringify(payload),
      "contentType": "application/json"
    };
    UrlFetchApp.fetch(this.webhookUrl, options);
  }

ちなみにPost実行をaxiosでやろうと試みましたが失敗しました。JavaScriptの実行をブラウザでなくGoogleのサーバー内で行うため、どうもGASでは一般に使われるライブラリを一部使えないみたいです。

上の二つの機能をbundleして実行する

上の二つのクラスをbundleして一つのファイルにして、GASにアップロードします。

main.js

import {ParameterClass} from './ParameterClass';
import {PostClass} from './PostClass';

global.doPost = function(e) {
  const parameterClass = new ParameterClass(e);
  const params         = parameterClass.returnParams();
  const postClass      = new PostClass(params);
  postClass.createPost();
}

browserify -t babelify -p gasify ./main.js -o ./src/code.jsを実行し、code.jsをGASにあげてください。

動かしてみるとこういう感じになります。

メッセージの内容は自分好みによしなに変えちゃってください。
また今回GASにアプロードする方法を説明していないので、それはこれを参考にしてください。

参考文献