モバイルアプリエンジニアをやっている@mrtryです。

弊社で提供しているヘルスケアプラットフォームPep Upのモバイルアプリは、React Nativeをベースに開発しています。元々は、素のReact Native(Vanilla React Native)で実装されていましたが、直近ではExpoに移行作業を進めています。 Expoでは、Cloud Build Serviceが提供されているのですが、Build結果をSlackに流せるように色々やったのでシェアします💃🏼

つくったもの

Expo Cloud Build (EAS Build)でBuildが完了したタイミングで、以下のような通知を流すことができます🥳

Success	Failed	Cancel

スクショは載せていませんが、EAS Submitにも対応しています💃🏼

やったこと

EAS Buildには、Build完了時にWebhook経由で通知を受け取ることができます。

docs.expo.dev

これを利用して、Slackに通知を流すようなFirebase Cloud Functionsを作成し、通知をSlackへ流せるようにしました。

github.com

大変だったところ

サンプルをCloud Functions仕様に書き直す

ExpoのWebhookのページには、サンプルコードが載っています。ですが、これをそのままCloud Functionsにコピペしてもsignatureの判別がtype errorになります。

具体的には、hmac.update(req.body)の箇所がtype errorになります

app.post('/webhook', (req, res) => {
  ...
  const hmac = crypto.createHmac('sha1', process.env.SECRET_WEBHOOK_KEY);
  // ↓がtype errorになる
  hmac.update(req.body);
  ...
});

sampleでは、Expressがベースに実装されているようです。 Expressでは、 request.body の型はstringになっています。

ですが、Cloud Functionsだと、 request.body は string ではなくobject になっているため、このコードをそのまま貼り付けるとエラーになります。同様にCloud Functionsでも動作させるには、未加工のbodyを hmac.update() にわたす必要がありました。

対処法ですが、Cloud Functionsで生のrequestを取得するには request.body ではなく、 request.rawBody を利用することで解決できました。このPropertyの存在に気づかず、地味に数時間溶かしてしまいました😇

firebase.google.com