開発と本番ビルドを管理するには、GitHub アクションを使用してください

このチュートリアルは、GitHub ホスティングに焦点を当てていますが、CI/CDプラットフォームの他のものに適応するには、少しの調整が必要です。

序文

Capacitor アプリを Capgo に追加することを確認してください。このチュートリアルはアップロードフェーズに焦点を当てています。

コミット規約

最初はコミット規約を遵守する必要があります conventional commits` これを学習するのに 5 分かかります。

GitHub タグのアクション

次に、自動的にビルドしてタグを作成するための最初の GitHub アクションを作成する必要があります。

ファイルを作成するパス: .github/workflows/bump_version.yml

この内容で:

name: Bump version

on:
  push:
    branches:
      - main
      - development

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
        if: github.ref == 'refs/heads/main'
        run: npx capacitor-standard-version
      - name: Create bump and changelog
        if: github.ref != 'refs/heads/main'
        run: npx capacitor-standard-version --prerelease alpha
      - 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

主ブランチのすべてのコミットに対してタグをリリースし、 alpha リリース development、そして最後に、 CHANGELOG.md.

コミットの各変更点に対して変更履歴エントリを生成します。

この機能を実行するには、 __CAPGO_KEEP_0__ and add it to your GitHub に追加する必要があります。 この PERSONAL_ACCESS_TOKEN.

は、CI が changelog とバージョンアップをコミットできるようにする必要があります。

トークンを作成するときは、 never を選択し、 repo.

のスコープを選択してください。 version の package.json キーをファイルに設定してください。

初回のみ必要、以降はツールが自動で更新します。

GitHub にコミットしたファイルを確認し、最初のタグが表示されることを確認してください。

capacitor-standard-version パッケージは、デフォルトでは、Android と IOS のバージョン番号も自動で更新します。

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 build
        env:
          MY_ENV_VAR: ${{ secrets.MY_ENV_VAR }}
      - name: Create Release Alpha
        if: "contains(github.ref, '-alpha.')"
        id: create_release_prepro
        run: npx @capgo/cli@latest bundle upload -a ${{ secrets.CAPGO_TOKEN }} -c development
      - name: Create Release Production
        if: "!contains(github.ref, '-alpha.')"
        id: create_release_prod
        run: npx @capgo/cli@latest bundle upload -a ${{ secrets.CAPGO_TOKEN }} -c production

Capgo に依存関係をインストールしてビルドし、Capgo に送信します。

ビルドコマンドが異なる場合は、ステップを変更してください。 build_code 環境変数が必要な場合は、__CAPGO_KEEP_0__ のプロジェクト設定で __CAPGO_KEEP_1__ Action を使用してください。

環境変数が必要な場合は、__CAPGO_KEEP_0__ のプロジェクト設定で __CAPGO_KEEP_1__ Action を使用してください。 MY_ENV_VAR 環境変数が必要な場合は、__CAPGO_KEEP_0__ のプロジェクト設定で __CAPGO_KEEP_1__ Action を使用してください。 secret 環境変数が必要な場合は、GitHub のプロジェクト設定で GitHub Action を使用してください。

Capgo へのアップロードを実行するには、API キーを取得する必要があります。Capgo から、Capgo リポジトリのシークレットに追加してください。 GitHub リポジトリのシークレット as CAPGO_TOKEN.

Capgo へのコミットを実行すると、Capgo の初期バージョンが Capgo に表示されます。

コミットを実行すると、Capacitor の新しいビルドが生成され、プロダクションと開発チャンネルで使用できます。

Ionic ビルドステップでテストを追加してください。code が正常に動作していることを確認する必要があります。

Capgo ダッシュボードに移動し、表示されたビルドを確認してください。CI/CD システムが稼動しています。