본문 바로가기
CI/CD

GitLab을 활용한 자동 빌드 및 릴리스

GitLab으로 나만의 CI/CD 파이프라인을 무료로 구축하고, main 브랜치에 push할 때마다 앱을 배포하세요.

GitLab을 활용한 Capgo 자동 빌드 및 릴리스

이 튜토리얼은 GitLab CI를 기준으로 작성되었지만, 약간의 수정만 거치면 다른 CI/CD 플랫폼에서도 활용할 수 있습니다.

서문

먼저 앱을 Capgo에 등록했는지 확인하세요. 이 튜토리얼은 upload 단계에 집중합니다.

커밋 컨벤션

먼저 커밋 컨벤션을 따르기 시작해야 합니다. conventional commits`를 사용하면 툴이 버전 번호를 어떻게 업그레이드할지 이해하는 데 도움이 됩니다. 배우는 데 5분도 걸리지 않습니다.

Conventional commits

태그용 GitLab CI

그 다음, 자동 빌드 및 태그 생성을 위해 첫 GitLab 프로젝트를 생성해야 합니다.

다음 경로에 파일을 생성하세요: .github/workflows/bump_version.yml

다음 내용으로 작성하세요:

name: Bump version

on:
  push:
    branches:
      - main

jobs:
  bump-version:
    if: "!startsWith(github.event.head_commit.message, 'chore(release):')"
    runs-on: ubuntu-latest
    name: "Bump version and create changelog with standard version"
    steps:
      - name: Check out
        uses: actions/checkout@v6
        with:
          fetch-depth: 0
          filter: blob:none
          token: '${{ secrets.PERSONAL_ACCESS_TOKEN }}'
      - name: Git config
        run: |
          git config --local user.name "github-actions[bot]"
          git config --local user.email "github-actions[bot]@users.noreply.github.com"
      - name: Create bump and changelog
        run: npx capacitor-standard-version
      - name: Push to origin
        run: |
          CURRENT_BRANCH=$(git rev-parse --abbrev-ref HEAD)
          remote_repo="https://${GITHUB_ACTOR}:${{ secrets.PERSONAL_ACCESS_TOKEN }}@github.com/${GITHUB_REPOSITORY}.git"
          git pull $remote_repo $CURRENT_BRANCH
          git push $remote_repo HEAD:$CURRENT_BRANCH --follow-tags --tags

이렇게 하면 main 브랜치의 모든 커밋에 대해 태그가 릴리스되며, 각 커밋에 대한 변경 사항이 changelog에 추가됩니다. CHANGELOG.md.

해당 파일이 없어도 걱정하지 마세요. 자동으로 생성됩니다.

이를 구현하려면 다음을 생성하세요: 개인 액세스 토큰 그리고 이를 GitLab CI/CD 변수에 추가하세요: PERSONAL_ACCESS_TOKEN.

CI가 changelog를 커밋하려면 이 작업이 필요합니다.

토큰을 만들 때 만료 기간은 never 그리고 scope는 repo.

마지막으로, 도구가 버전 저장 위치를 인식할 수 있도록 파일을 생성해야 합니다. .cz.toml 저장소 루트 디렉토리에 파일을 만드세요.

파일 안에 다음 내용을 입력하세요:

[tool.commitizen]
name = "cz_conventional_commits"
tag_format = "$major.$minor.$patch$prerelease"
version = "0.11.5"
version_files = [
    "package.json:version",
    ".cz.toml"
]

이 파일의 버전을 현재 사용 중인 버전과 동일하게 설정하세요. package.json 다운로드됩니다.

이 작업은 처음 한 번만 필요하며, 이후에는 도구가 최신 상태로 유지해 줍니다.

이제 두 파일을 커밋하면 GitHub에 첫 번째 태그가 나타나는 것을 확인할 수 있습니다!

GitHub 빌드용 액션

다음 경로에 파일을 생성하세요: .github/workflows/build.yml

다음 내용으로 작성하세요:

name: Build source code and send to Capgo

on:
  push:
    tags:
      - '*'
      
jobs:
  deploy:
    runs-on: ubuntu-latest
    name: "Build code and release"
    steps:
      - name: Check out
        uses: actions/checkout@v6
      - name: Install dependencies
        id: install_code
        run: npm i
      - name: Build
        id: build_code
        run: npm run build
        env: # Remove both lines  if you don't need it
          FIREBASE_CONFIG: ${{ secrets.FIREBASE_CONFIG }} # Example of env var coming from a secret
      - name: Create Release
        id: create_release
        run: npx @capgo/cli@latest bundle upload -a ${{ secrets.CAPGO_TOKEN }} -c production

이 과정에서 의존성을 설치 및 빌드한 후 Capgo로 전송합니다.

빌드 명령어가 다르다면 다음에서 변경할 수 있습니다: build_code 단계.

이 기능이 작동하려면 Capgo용 API 키를 가져와서 GitHub 레포지토리의 secret에 추가해야 합니다. 로 CAPGO_TOKEN.

이제 두 파일을 커밋하면 GitHub에 첫 번째 태그가 나타나는 것을 확인할 수 있습니다!

커밋을 추가하면 production 채널용 새 빌드가 생성됩니다.

code가 제대로 작동하는지 확인하려면 빌드 단계에 테스트를 추가해야 합니다.

Capgo 대시보드로 이동하여 방금 생성된 빌드를 확인하세요. 이제 CI/CD 시스템이 구축되었습니다.

모든 사용자가 업데이트가 나올 때마다 즉시 받을 수 있게 하려면, 채널로 이동하여 다음과 같이 설정하세요. public.

Gitlab을 이용한 Automatic build and release 계속하기

사용 중이라면 GitLab을 활용한 자동 빌드 및 릴리스 CI/CD 자동화를 계획하려면, 다음을 연결하세요 Capgo CI/CD 설정하기 Capgo CI/CD의 제품 워크플로우용, Capgo Native Build Capgo Native Builds의 제품 워크플로우용, Capgo 연동 서비스 Capgo Integrations의 제품 워크플로우용, CI/CD 통합 CI/CD Integration의 구현 세부 사항은, 그리고 GitHub Actions 연동 GitHub Actions Integration의 구현 세부 사항을 참고하세요.

Capacitor 앱용 Live updates

웹 레이어 버그가 라이브 상태라면, 앱 스토어 승인을 며칠씩 기다리지 말고 Capgo를 통해 수정 사항을 배포하세요. 네이티브 변경 사항은 정상 리뷰 절차를 그대로 따르는 반면, 사용자는 백그라운드에서 업데이트를 받습니다.

블로그 최신 글

Capgo는 정말 프로페셔널한 모바일 앱을 만드는 데 필요한 최고의 인사이트를 제공합니다.