메인 콘텐츠로 바로가기
CI/CD

GitLab을 사용하여 자동 빌드 및 릴리즈 앱 만들기

Ionic Capacitor JS 앱을 무료로 GitLab의 CI/CD pipeline을 사용하여 생성하고, main 브랜치에 푸시할 때마다 배포하세요.

Anik Dhabal Babu

Anik Dhabal Babu

콘텐츠 마케터

GitLab을 사용하여 자동 빌드 및 릴리즈 앱 만들기

GitLab의 CI/CD pipeline을 설정하는 방법에 대한 안내입니다.

소개

Capgo에 먼저 Capacitor 앱을 추가하셨는지 확인하세요. 이 튜토리얼은 업로드 단계만 다룹니다. Capgo에 앱을 추가하려면 이 튜토리얼.

Commit convention

먼저 커밋 규칙을 따라야 합니다. conventional commits` 이 명령어를 사용하면 버전 번호를 업그레이드하는 방법을 이해하는 도구가 생기는데, 5분 만에 배울 수 있습니다.

Conventional commits

GitLab CI/CD for Tag

GitLab 저장소의 루트 디렉토리에 `.gitlab-ci.yml` 파일을 생성하고 다음 내용을 입력하세요.

 stages:
      - tag

 bump_version:
   stage: tag
   only:
     - main
  except:
    variables:
  - $CI_COMMIT_MESSAGE =~ /^chore\(release\):/
  script:
   - git config --global user.email "gitlab@yourdomain.com"
   - git config --global user.name "GitLab CI/CD"
   - git checkout $CI_COMMIT_REF_NAME
   - git pull origin $CI_COMMIT_REF_NAME
   - npx capacitor-standard-version
   - git push origin $CI_COMMIT_REF_NAME --tags

Replace “gitlab@yourdomain.com” and “GitLab CI/CD” with your GitLab email and username in the script section. This configuration triggers the job only on pushes to the main branch and excludes commits with messages starting with “chore(release):”.

GitLab CI/CD for Build

빌드에 대한 또 다른 스테이지를 `.gitlab-ci.yml` 파일에 추가하세요.

    stages:
      - deploy

   deploy:
     stage: deploy
     only:
       - tags  # This job will only run for tag pushes
     script:
       - apt-get update -qy && apt-get install -y nodejs npm
       - npm install -g @capgo/cli
       - npm ci
       - npm run build
       - npx @capgo/cli bundle upload -a $CAPGO_TOKEN -c production
     variables:
       FIREBASE_CONFIG: $FIREBASE_CONFIG  # Define this in your GitLab project settings
     environment:
       name: production

Capgo API 키 (CAPGO_TOKEN)를 GitLab 프로젝트의 CI/CD 변수로 추가하십시오. GitLab에서 프로젝트를 열고, Settings > CI/CD > Variables로 이동하여 CAPGO_TOKEN라는 변수를 추가하고, API 키의 값을 입력하십시오.

npm 빌드 명령어를 프로젝트의 빌드 프로세스에 맞게 수정하십시오.

결론

우리는 기술의 여정을 한 걸음 더 나아갔습니다. 현대 소프트웨어 개발에서 CICD는 중요한 요소입니다. 따라서 이 안내서가 모든 분에게 의미가 있기를 바랍니다.

__CAPGO_KEEP_0__ CI/CD를 계속 진행하십시오.

__CAPGO_KEEP_0__ CI/CD를 사용하여 CI/CD 자동화 계획을 만든다면, __CAPGO_KEEP_0__ CI/CD와 연결하십시오. __CAPGO_KEEP_0__ CI/CD에서 제품 워크플로우를 위해 __CAPGO_KEEP_0__ CI/CD를 사용하십시오. __CAPGO_KEEP_0__ Native Builds에서 제품 워크플로우를 위해 __CAPGO_KEEP_0__ Native Builds를 사용하십시오. Capgo CI/CD를 사용하여 CI/CD 자동화 계획을 만든다면, Capgo CI/CD와 연결하십시오. Capgo CI/CD에서 제품 워크플로우를 위해 Capgo CI/CD를 사용하십시오. Capgo Native Builds에서 제품 워크플로우를 위해 Capgo Native Builds를 사용하십시오. Capgo CI/CD를 사용하여 CI/CD 자동화 계획을 만든다면, Capgo CI/CD와 연결하십시오. Capgo 통합 Capgo 통합을 위한 제품 워크플로우에서 CI/CD 통합 CI/CD 통합의 구현 세부 정보를 위한 GitHub 액션 통합 GitHub 액션 통합의 구현 세부 정보를 위한

Capacitor 앱에 대한 실시간 업데이트

Capgo를 통해 웹 레이어 버그가 활성화된 경우 앱 스토어 승인까지 며칠 기다리지 않고修정 배포하세요. 사용자는 배경에서 업데이트를 받으면서 네이티브 변경 사항은 일반적인 검토 경로를 유지합니다.

시작하기

블로그에서 최신 뉴스

Capgo는 전문적인 모바일 앱을 만들기 위해 필요한 최고의洞察력을 제공합니다.