Github React Firebase CI/CD Actionsの連携で自動公開

GithubにPushすると自動公開、ブランチを切ってコミットしてPRするとテスト公開され、PRをメインにマージすると自動公開になる仕組みです。

FirebaseやReactのセットアップは他記事が詳しかったので、必要コマンドだけ記載しました。

create-react-appをしてそのフォルダの中でfirebase initをします。firebaseコンソールからWEBアプリを作っておきます。firebase deployしてhostingに表示までできれば完了です。コンソールとfirebaseコマンドだけでGithubアクションが生成されますが、次項のエラーが起きました。

npx create-react-app firebase-hosting-deploy
cd firebase-hosting-deploy 
npm install firebase
yarn add firebase
firebase init
yarn build
firebase deploy

GitHub ActionsでPRの時だけエラーとなる時の対処法

マージではデプロイまで上手くいくのに、PRでプレビューサイトにデプロイされない場合に真っ先に疑う点です。

Read and write permissions」にすれば解決です。

GitコマンドとGithubコマンドの備忘録

レポジトリ作成

gh repo create firebase-hosting-deploy --private

メイン作業完了

git init   
git add .   
git commit -m "first commit" 
git branch -M main 
git remote add origin https://github.com/f60k/firebase-hosting-deploy.git
git push -u origin main

ブランチ切り替え

git branch develop 
git checkout develop

ブランチ作業完了

git add .  
git commit -m "FIX"    
git push --set-upstream origin develop

プルリクエスト

オープンの一覧を表示する、全ての一覧を表示する

gh pr list
gh pr list -s all

PRする

gh pr create

Creating pull request for develop into main in f60k/firebase-hosting-deploy

? Title h2 tag merge
? Body <Received>
? What's next? Submit
https://github.com/f60k/firebase-hosting-deploy/pull/3

PRをマージしてブランチを消す(ghの-dフラグでローカルおよびリモートのブランチはマージで削除されるが、ローカルのリモートトラッキングブランチは残るので2行目が必要)

gh pr merge -m -d
git fetch origin --prune

リモートトラッキングブランチも表示する

git branch -a

その他コマンド

今のブランチ確認

git branch --contains
git branch --show-current

コミュニケーション

gh pr edit 3 --title "I found a bug"
gh pr comment 3 --body "GOOD"

PR確認いろいろ

gh pr status
gh pr view 3
gh pr checks
gh pr checks --watch
gh pr diff 3

PRを中止(再開)

gh pr close 3
gh pr reopen 3

最後にマージしたPRを取得する

gh pr list --base main --state merged --limit 1

コメントを残す