ブログズミ: Travis CI の結果をツイートするのを Zapier から Integromat に引っ越した

2018年7月31日火曜日

Travis CI の結果をツイートするのを Zapier から Integromat に引っ越した

Integromat とは

IFTTT のようなサービス連携サービスです。
IFTTT よりもプログラマブルで、Zapier よりも無料で使える機能が多い感じです。

なぜ引っ越したのか？

目的：プルリクかどうかがわかる通知をしたい

今までの通知はプルリクだった場合に、マージ先ブランチを報告していたため、あれ？と思うことがありました。

@srz_zumix iutest master build 1569 is Still Failing https://t.co/dSr7nsZqv8
— Z.Z.ずみっくす (@srz_zumix) 2018年5月31日

(↑は master のビルド結果を報告していますが、PR を master にマージした状態でテストされています)

IFTTT はシンプルにサービス連携ができて便利なサービスですが、条件分岐などが難しいです。
Zapier はアクションを複数付けられ、条件フィルターもできますが、無料プランだと制限されていたりして、少し不便でした。
Integromat はこれらの問題が解決できるサービスだったので引っ越しした理由です。

できたもの

Webhook → JSON Parse → 分岐 → プルリクかどうかのフィルター → Tweet って感じです。
Pull Request のビルド結果ツイートはこうなりました。

@srz_zumix iutest develop build 1658 is Passed https://t.co/Y0cahzfBtN
PR: https://t.co/CWk1Kob8ew
feature c++17 #47
— Z.Z.ずみっくす (@srz_zumix) 2018年7月25日

おー PR URL がプレビューされていい感じだ

シナリオを作成手順

まずは、必要なモジュールを選択します。今回必要なのは、Webhook と Twitter なので２つを選択します。
（ここで全部選択しなくても、あとでいくらでも追加できます）

次に進むと編集画面が開きます。まずはトリガーから設定していきましょう。

「？」マークのモジュールを選択すると、モジュールの選択画面が出てきます。
今回は、Travis CI の Webhook をトリガーにするので、Webhook を選択します。

TRIGGERS から「Custom webhook」を選択します。

Webhook の設定

詳細は公式ドキュメントを → Webhooks | Integromat

どの Webhook を使うとリストから選択しますが、最初は Webhook は空なので作成します。
「Add」ボタンを押しましょう。

Webhook の名前を付けます。なんでもいいので、今回は「TravisCI」としました。
（アドレスを知っていれば誰でも叩けてしまうので、もしそのようなことを避けたいのであれば IP 制限がで対応できるようです）

Webhook を作成したら、作成した設定をリストから選択しましょう。
Webhook URL がその下に表示されるので、コピーして呼び出し元にセットします。
今回の場合は Travis CI の notification に設定しました。詳細は略。
「ブログズミ: CIサービスの結果を Twitter に投稿する」
こちらの記事に少し書いてます。

JSON parser の設定

続いて、 Travis CI の Webhook についてくる json を扱えるようにパーサーを通します。
Webhook からモジュールを生やして、 JSON から、「Parse JSON」を選択します。
Webhook のときと同様に、最初は設定がありませんので、設定を追加します。「Add」ボタンを押しましょう。