더 깔끔한 재분배에서 Netlify에 React 앱을 배포하십시오.

내 워크플로우



커밋을 푸시하고 Netlify에서 원활하게 배포할 때마다 github 작업을 통해 처음부터 github에서 모든 것을 실행하고 빌드하십시오.

이전 내용을 염두에 두고 다음 단계를 따르세요.
  • 평소와 같이 반응 프로젝트를 생성합니다npx create-react-app app_name.
  • npm run build를 사용하여 빌드
  • 그런 다음 작업 흐름을 설정하여 .yml 파일을 생성하십시오.

  • netlify.toml 파일을 만들고 다음 코드를 추가합니다.
  • [build]
  • command = "npm run build"
  • publish = "build"

  • 빌드 폴더를 netlify 사이트로 끌어다 놓습니다.
  • 사용자 설정, 애플리케이션으로 이동하여 netlify에서 개인 액세스 토큰을 생성하고 github secret에 복사합니다.


  • netlify 사이트에서 github secrets로 Api ID를 복사합니다.


  • yaml 파일을 만들고 암호에서 토큰을 추가합니다.
  • netlify deploy --prod를 yaml 파일에 추가

  • 제출 카테고리:



    DIY 배포.

    Yaml 파일 또는 코드 링크



    프로젝트에 .github/workflows/name.yml과 같이 .yml 파일을 추가합니다. 자세한 내용은 공식docs을 참조하세요.

    name: CI/CD
    
    on:
      push:
        branches: [ your_branch_name ]
      pull_request:
        branches: [ your_branch_name ]
    
    
    jobs:
      build:
    
        runs-on: ubuntu-latest
    
        strategy:
          matrix:
            node-version: [12.x, 14.x]
    
        steps:
        - name: Checkout repository
          uses: actions/checkout@v2
    
        - name: Set up Node.js ${{ matrix.node-version }}
          uses: actions/setup-node@v1
          with:
            node-version: ${{ matrix.node-version }}
    
        - name: Install dependencies
          run: npm install
    
        - name: Run the tests
          run: npm test 
    
        - name: Build
          run: npm run build
    
        - name: Deploy Site
          env:
            NETLIFY_SITE_ID: ${{ secrets.GITHUB_TOKEN_NAME }}
            NETLIFY_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN_NAME }}
          run: netlify deploy --prod
    


    추가 리소스/정보



    Github repository

    언더MIT License

    행복한 코딩^^

    좋은 웹페이지 즐겨찾기