Firebase: PRを上げるだけで、レビュー環境が作れる方法(2/2) -Github Action(キャプチャ有)

2 min読了の目安(約1800字TECH技術記事

Firebase: PRを上げるだけで、レビュー環境が作れる方法(2/2) - Github Action

はじめに

パブリックリポジトリに関しては、
以下を実行すればできると思うので試してみてください

firebase init hosting:github

Githubでプライベートリポジトリにしている場合、
Google Cloud Platform でサービスアカウントを作成する必要があったので、
その手順をキャプチャ付きで残しておきます。

サービスアカウント作成

1. サービスアカウント登録

1.2 サービスアカウント名

サービスアカウント名を以下のフォーマットで入力。

github-action-{repository名}

1.2 ロールの設定

  • Firebase Hosting管理
  • Firebase Authentication管理
  • Cloud Run 閲覧者
  • API キー 閲覧者

1.3 JSON キーダウンロード

2. Github SecretsにJSONキー登録

3. Github Action yaml作成

name: Deploy to Preview Channel

on: [pull_request]

jobs:
  build_and_preview:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v2
      # Add any build steps here. For example:
      # - run: npm ci && npm run build
      - uses: FirebaseExtended/action-hosting-deploy@v0
        with:
          repoToken: "${{ secrets.GITHUB_TOKEN }}"
          firebaseServiceAccount: "${{ secrets.FIREBASE_SERVICE_ACCOUNT_PROJECT_ID }}" 
          expires: 30d
          projectId: your-Firebase-project-ID
        env:
          FIREBASE_CLI_PREVIEWS: hostingchannels
  • firebaseServiceAccount: 先ほど登録した環境変数名
  • projectId: Firebase プロジェクトID

4. Github Action PR結果