Deploy

지금까지의 과정을 그대로 따라왔다면 다음과 같은 파일이 변경 및 추가되었을 것이다.
PR을 날려 merge하거나 바로 master 브랜치에 푸쉬하면 배포가 시작된다.

Github의 해당 리포 페이지로 들어간 다음, Actions 탭으로 가서 무슨 일이 일어나고 있는지 알아보자.

아까 날린 푸쉬에 대한 커밋 메시지와 함께 workflow가 시작되고 있다.

해당 workflow를 누르면 어떤 단계가 진행되고 있는지 실시간으로 볼 수 있다.
나는 빈 리액트 프로젝트를 테스트용으로 배포한 것이기 때문에 배포가 빠르게 완료되었다.

작성중..

Github Secrets를 이용해 dotenv 적용

깃헙 리포 페이지 - sectrets - actions 에서 키를 추가하면 된다.

빌드 시점에 -env를 넘겨주면 된다.

name: Deploy to Firebase Hosting on merge
'on':
  push:
    branches:
      - master
jobs:
  build_and_deploy:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v2
      - run: yarn install && yarn build
        env: 
            REACT_APP_API_KEY : '${{ secrets.API_KEY }}'
            REACT_APP_PROJECT_ID : '${{ secrets.PROJECT_ID }}'
            REACT_APP_AUTH_DOMAIN : '${{ secrets.AUTH_DOMAIN }}'
            REACT_APP_STORAGE_BUCKET : '${{ secrets.STORAGE_BUCKET }}'
            REACT_APP_MESSAGING_SENSER_ID : '${{ secrets.MESSAGING_SENSER_ID }}'
            REACT_APP_APP_ID : '${{ secrets.APP_ID }}'
            REACT_APP_MEASUREMENT_ID : '${{ secrets.MEASUREMENT_ID }}'
      - uses: FirebaseExtended/action-hosting-deploy@v0
        with:
          repoToken: '${{ secrets.GITHUB_TOKEN }}'
          firebaseServiceAccount: '${{ secrets.FIREBASE_SERVICE_ACCOUNT_WORDLIST_AD778 }}'
          channelId: live
          projectId: wordlist-ad778