github

GitHub 및 Vercel을 이용한 주간 자동 재배포 설정 가이드

KUKJIN LEE
KUKJIN LEE
2024년 7월 31일
186

GitHub Actions와 Vercel을 사용하여 매주 수요일 오전 10시(한국 시간)에 프로젝트를 자동으로 재배포하는 방법을 설명합니다.

 

프로젝트 구조

.github가 맞습니다.

your-project/
├── .github/
│   └── workflows/
│       └── weekly-deploy.yml
├── public/
│   └── ...
├── src/
│   └── ...
├── package.json
├── README.md
└── ... (other project files)

 

GitHub Actions 워크플로우 설정

.github/workflows/weekly-deploy.yml 파일을 생성하고 다음 내용을 추가합니다.

name: Weekly Deployment

on:
  schedule:
    # 매주 수요일 오전 10시 (UTC+9)에 실행
    - cron: '0 1 * * 3'

jobs:
  deploy:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout code
        uses: actions/checkout@v2

      - name: Deploy to Vercel
        uses: amondnet/vercel-action@v20
        with:
          vercel-token: ${{ secrets.VERCEL_TOKEN }}
          vercel-org-id: ${{ secrets.VERCEL_ORG_ID }}
          vercel-project-id: ${{ secrets.VERCEL_PROJECT_ID }}
          vercel-args: '--prod'

GitHub 및 Vercel을 이용한 주간 자동 재배포 설정 가이드

 

Vercel TOKEN, ORG_ID, PROJECT_ID 정보 얻기

VERCEL_TOKEN 얻기

  1. Vercel 대시보드 로그인

  2. 프로필 아이콘 > Settings > Tokens

  3. "Create Token" 클릭, 이름 입력 및 범위 선택

  4. 생성된 토큰 복사

 

VERCEL_ORG_ID (TEAM_ID) 및 VERCEL_PROJECT_ID 얻기 

※ ORG_ID가 TEAM_ID로 변경되었습니다. (2024년 7월 25일 기준 확인)

  1. VERCEL_ORG_ID (TEAM_ID) 얻기:

    • Vercel 대시보드에 로그인합니다.

    • 네브바에 "Team"을 선택합니다.

    • "Settings" 탭을 클릭합니다.

    • "General" 섹션으로 스크롤합니다.

    • "Team ID" 항목에서 값을 찾을 수 있습니다. (예: team_abcdefg)

  2. VERCEL_PROJECT_ID 얻기:

    • Vercel 대시보드에서 해당 프로젝트를 선택합니다.

    • 프로젝트 설정(Settings) 페이지로 이동합니다.

    • "General" 섹션에서 "Project ID"를 찾을 수 있습니다.

 

GitHub Secrets 설정

  1. GitHub 프로젝트 저장소 > Settings

  2. Secrets and variables > Actions

  3. "New repository secret" 클릭

  4. 다음 시크릿 추가:

    • VERCEL_TOKEN

    • VERCEL_ORG_ID

    • VERCEL_PROJECT_ID

GitHub 및 Vercel을 이용한 주간 자동 재배포 설정 가이드2

 

위와 같은 방법을 통해 매주 수요일 오전 10시(한국 시간)에 GitHub Actions가 자동으로 실행되어 Vercel에 프로젝트를 재배포 할 수 있게 됐습니다.

 

자동 배포를 진행하게 되면, 일반 배포와 다르게 >_ cdf823d 처럼 >_ 표시됩니다.

 

GitHub 및 Vercel을 이용한 주간 자동 재배포 설정 가이드3

#github actions#github action이란#github action 자동배포#github action ci/cd 구축#github Action 사용법#github action 배포