Notify Slack with EAS Custom Build

Workflow sample code
- https://gist.github.com/mrtry/a2cf01a88dce481e3b925353fee20268

EAS Build
- https://github.com/expo/eas-build/blob/ba357c3d4221bd13aa885906852afaaaa0775081/packages/eas-build-job/src/context.ts
- https://docs.expo.dev/custom-builds/schema/
- https://docs.expo.dev/build-reference/local-builds/

GitHub App
- https://zenn.dev/hotaka_noda/articles/4a6f0ccee73a18

Transcript

1. EAS Custom BuildでSlackへ通知する @mrtry 2024/08/06
2. © JMDC Inc. 自己紹介 @mrtry JMDC, Inc / Ventus, Inc • Engineer (Mobile) • Engineering Manager 高専卒 / 現放送大学生 • 心理学まわりの単位を取ってる • メタ認知システムが大好き
3. © JMDC Inc. EAS Custom Buildとは • EAS Buildのworkflowをカスタムする手法 • yamlでworkflowを定義することができる • デフォルトで便利workflowが提供されている • TS書いて拡張もできる
4. © JMDC Inc. EAS Custom Buildとは 例: 通常のEAS Buildを実行するworkflow
5. © JMDC Inc. EASからいくつかのfunctionが提供されている • 先の eas/build もEASから提供されているもの • https://docs.expo.dev/custom-builds/schema/ • その中に eas/send_slack_message があり、今回はこれを使ってみる
6. © JMDC Inc. eas/send_slack_messageを使って通知を送ってみる
7. © JMDC Inc. 完成イメージ Build実行時/終了時にSlackへ飛ぶ
8. © JMDC Inc. workflowのinterface
9. © JMDC Inc. Webhook URLを発行する Slack Appをして、Webhook URLを発行する 参考: Slack：Webhook URL取得してSlackに通知する | Zenn
10. © JMDC Inc. Slackに投稿するメッセージの体裁を整える BlockKitのWebSiteで見た目をつくる スクショをChatGPTにぶん投げこんでも、それっぽいのができる
11. © JMDC Inc. 投稿したいメッセージの体裁に揃えて、必要な情報を workflow実行時に取得する • ${ eas. }で引ける変数は以下に列挙されている • eas-build-job/src/context.ts
12. © JMDC Inc. 投稿したいメッセージの体裁に揃えて、必要な情報を workflow実行時に取得する Gist から一部抜粋
13. © JMDC Inc. ローカルで実行テストする 以下からいくつか抜粋 • Run builds locally or on your own infrastructure | Expo ローカルマシンでEAS Build実行 • $ eas build ... --local 環境変数は、実行時に渡せば動く • $ SLACK_HOOK_URL=https://xxx... eas build ... EAS Build実行時に色々オプションを設定するとデバッグに役立つ • 特に EAS_LOCAL_BUILD_SKIP_CLEANUP • build finish時のcleanupを無効にする