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

Github 앱을 자동으로 빌드하고 릴리즈하세요

자신만의 CI/CD pipeline을 Github 액션으로 무료로 생성하고 Ionic Capacitor JS 앱을 매번 메인 브랜치에 푸시할 때마다 배포하세요.

기사 기여자

마틴 도나디유

작가

발레리아

리뷰어

조던

편집자

Github 앱을 자동으로 빌드하고 릴리즈하세요

이 튜토리얼은 GitHub 호스팅에 중점을 두고 있지만, 다른 CI/CD 플랫폼에 적응하기 위해 약간의 조정을 통해 사용할 수 있습니다.

소개

Capacitor 앱을 Capgo에 먼저 추가하셨는지 확인하십시오. 이 튜토리얼은 업로드 단계만을 다룹니다. Capgo에 앱을 추가해야 하는 경우, 이 튜토리얼을 따라하시면 됩니다. 튜토리얼

커밋 규칙

커밋 규칙을 따르기 시작하십시오. 이는 __CAPGO_KEEP_0__ 도구가 버전 번호를 업그레이드하는 방법을 이해할 수 있도록 도와줍니다. 5분 만에 배울 수 있습니다. 기술흥된 커밋__CAPGO_KEEP_0__ 태그 액션

__CAPGO_KEEP_0__ 액션을 생성하여 자동 빌드 및 태그 생성을 자동화하십시오.

GitHub actions for tag

GitHub

__CAPGO_KEEP_1__ .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

이 작업은 메인 branch의 모든 커밋에 대해 태그를 릴리즈하고 메인 branch의 각 커밋에 대한 변경 로그 항목을 추가합니다. CHANGELOG.md.

이 파일이 없다고 걱정하지 마세요. 이 파일은 자동으로 생성됩니다.

이 작업을 수행하려면 __CAPGO_KEEP_0__ 개인 접근 토큰 GitHub 비밀 으로 저장해야 합니다. PERSONAL_ACCESS_TOKEN.

CI가 변경 로그를 커밋할 수 있도록 하기 위해 이것이 필요합니다.

토큰을 생성할 때 만료 기간을 never 으로 선택하고 범위는 repo.

마지막으로, __CAPGO_KEEP_0__에 사용할 버전을 설정하고 Native 버전 번호와 동기화하세요. 이 버전 번호는 다음 단계를 facilite 할 것입니다. package.json 이 단계는 처음 한 번만 수행하면 됩니다. 이후에는 도구가 자동으로 업데이트를 유지할 것입니다.

이제 두 개의 파일을 커밋하고 __CAPGO_KEEP_0__에 첫 번째 태그가 나타날 수 있습니다!

You can now commit this both files and see your first tag appear in GitHub!

__CAPGO_KEEP_0__ 빌드 액션

GitHub actions for build

이 내용을 포함하세요: .github/workflows/build.yml

이 파일은 의존성을 설치하고 빌드한 후 __CAPGO_KEEP_0__로 전송합니다.

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의 단계에서 변경할 수 있습니다.

이 작업을 수행하려면 __CAPGO_KEEP_1__의 __CAPGO_KEEP_0__ 키를 가져와 __CAPGO_KEEP_0__에 추가해야 합니다. build_code __CAPGO_KEEP_0__ 키를 __CAPGO_KEEP_1__에서 가져와 __CAPGO_KEEP_0__에 추가해야 합니다.

API에 Capgo 키를 추가해야 합니다. GitHub의 비밀 그리고 CAPGO_TOKEN.

이 두 개의 파일을 커밋하고 GitHub의 첫 번째 태그가 나타날 수 있습니다.

생산 채널에 대한 새로운 빌드를 생성합니다.

빌드 단계에서 code이 작동하는지 확인하기 위해 테스트를 추가해야 합니다.

Capgo 대시보드로 이동하여 빌드가 나타났는지 확인하고 CI/CD 시스템을 갖추었습니다.

사용자가 업데이트를 받을 수 있도록 하려면 채널로 이동하여 public.

Ionic Capacitor JavaScript 앱의 네이티브 빌드를 추가할 수 있습니다.

자동 빌드 및 릴리스 앱과 Github 액션을 계속 진행하세요.

__CAPGO_KEEP_0__ 액션과 CI/CD 자동화 계획을 연결하는 경우 Github 액션과 CI/CD 자동화 계획을 연결하는 경우 __CAPGO_KEEP_0__ 액션과 CI/CD 자동화 계획을 연결하는 경우 Capgo CI/CD Capgo CI/CD를 위한 제품 워크플로우 Capgo Native Builds Capgo Native Builds를 위한 제품 워크플로우 Capgo Integrations Capgo Integrations를 위한 제품 워크플로우 CI/CD 통합 __CAPGO_KEEP_0__ Actions Integration GitHub Actions Integration의 구현 세부 사항 GitHub Actions Integration

Live updates for Capacitor apps

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

마틴의 인간 지원

시작하기

최신 블로그

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