[깃허브] Git Actions

Github Actions을 셋팅해서,
master 브랜치에 push했을 때 자동 Github Pages에 배포되도록 자동화하기

1. Actions 메뉴 선택 > set up s workflow yourself 링크 클릭

2. 생성된 main.yml파일 내용 수정

• 브런치 마스터 아니면 다른 것 으로 변경
• Start Commit 클릭
  

name: App Deploy To Github Pages

on:
  push:
    branches: [ master ]

jobs:
  build:
    runs-on: ubuntu-latest
    
    steps:
    - uses: actions/checkout@v2

    - name: Deploy react app to github pages
      uses: tanwanimohit/deploy-react-to-ghpages@v1.0.1

3. Action 메뉴 들어가서, 배포 반영 되었는지 확인

• main.yml 내용 추가 => 충돌 날 수 있기 때문에, pull 받아주기

  - name: Deploy react app to github pages
      uses: tanwanimohit/deploy-react-to-ghpages@v1.0.1
			env:
				CI: false

• 배포 진행되지 않았다면, 배포 브런치에 추가 commit, push 진행

4. Github Pages 셋팅 : Source branch 설정

5. 프로젝트의 package.json에 homepage 설정

...
"homepage": "github pages 웹사이트 링크(pages 설정)",
...

6. github에 변경사항 push, actions 확인

• localhost:3000과 github pages가 동일한 화면이 뜨는지 확인!

7. App.js에 BrowserRouter에 basename: 링크 이름 추가

 <BrowserRouter basename="링크 이름">