2022/12/14 - Gitpage env

이전에 작성했던 private key를 공개적으로 사용하면 안되기 때문에, env 파일을 숨기는 과정이 필요했다. env를 숨기기 위해서 github에서 제공하는 secrets를 사용했다. 오늘 사용하는 방법은 git action에서 사용하기 때문에 secrets > actions를 사용한다는 것을 명심해야한다. (처음에 code space에서 해야하는 건 줄 알고 오해하고 시간을 엄청 날린 경험이 있어서 메모한다..)

지금은 react를 사용하여 레포를 만들 예정이기 때문에, 접두사에 REACT_APP을 붙여야 한다. 사용할 키들을 모두 넣고 나면, 이에 맞는 env파일을 git actions로 생성하거나 env 처리를 해줘야한다.

name: CI
on: [push]
jobs:
  build:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout
        uses: actions/checkout@v3
      - name: Build
        run: |
          git config --global user.email "namhundred@naver.com"
          git config --global user.name "Github Actions Bot"
          npm install
          npm run-script build
      - name: Deploy
        env:
          REACT_APP_APP_ID: ${{ secrets.REACT_APP_APP_ID }}
          REACT_APP_CLIENT_ID: ${{ secrets.REACT_APP_CLIENT_ID }}
          REACT_APP_CLIENT_SECRET: ${{ secrets.REACT_APP_CLIENT_SECRET }}
          REACT_APP_INSTALLATION_ID: ${{ secrets.REACT_APP_INSTALLATION_ID }}
          REACT_APP_PRIVATE_KEY: ${{ secrets.REACT_APP_PRIVATE_KEY }}
        run: |
          git remote set-url origin <https://x-access-token>:${{ secrets.GITHUB_TOKEN }}@github.com/$GITHUB_REPOSITORY
          npm run deploy

파일이야 붙여쓰면 끝이지만, 여기서 명심해야할 것은 다른 것이 아니라, process.env의 라이프 사이클을 잘 생각해야한다. 만일 이를 신경쓰지 않고 만든다면 비어있는 process env를 볼 수 있을 것이다.