メインコンテンツにジャンプ
CI/CD

Manage development and production build with GitHub actions

Use Capgo to release your devbuild to specific channel, and let your team try your Capacitor Ionic app, without waiting Apple and Google review

記事のクレジット

マーティン・ドナディュー

執筆者

ヴァレリア

レビュアー

ジョーダン

エディター

Manage development and production build with GitHub actions

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

序文

Be sure you have added your Capacitor app first to Capgo, this tutorial just focuses on the upload phase

コミット規約

最初にコミット規約を遵守する必要があります。 コミット規約` 5 分で学べるように、ツールがバージョン番号をアップグレードする方法を理解するのに役立ちます。

__CAPGO_KEEP_0__ アクション (タグ)

次に、自動ビルドとタグの作成を行う 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

この設定では、main ブランチのすべてのコミットに対してタグをリリースします。 そして、 alpha リリース development, そして最後に、main ブランチのすべてのコミットに対して変更履歴を記録します。 CHANGELOG.md.

このファイルが必要ない場合は、心配しないでください。自動的に作成されます。

この設定を実行するには、 PERSONAL ACCESS TOKEN and add it to your GitHub __CAPGO_KEEP_0__ シークレット PERSONAL_ACCESS_TOKEN.

CIは変更ログとバージョンアップをコミットする必要があります。

トークンを作成するときは、有効期限を選択してください。 never スコープを選択してください。 repo.

Capgoの設定ファイルの version Capgoの設定ファイルの package.json ファイルに

最初の1回だけ必要です。次に、ツールは自動的に更新します。

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

capacitor-standard-version Capgoの設定ファイルの

GitHub actions for build

Capgoの設定ファイルの .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 に送信します。

ビルドコマンドが異なる場合は、ステップを変更してください。 build_code ビルドステップで環境変数が必要な場合は、

を使用して環境変数を設定し、 MY_ENV_VAR プロジェクト設定の secret in your GitHub project setting, then secret then GitHub Action.

To make Capgo upload work, you need to get your API key for Capgo, add it in the GitHub へのアップロードを実行するには、__CAPGO_KEEP_1__ キーを取得し、__CAPGO_KEEP_2__ に追加してください。 __CAPGO_KEEP_0__ リポジトリのシークレットに追加してください。 CAPGO_TOKEN.

You can now commit this both files and see your first version appear in Capgo!

Add the commit will generate a new Capacitor build for production and development channel.

コミットすると、両方のファイルをコミットし、code で最初のバージョンが表示されます!

CapgoのCapgoダッシュボードにアクセスし、最新のビルドを確認してください。CI/CDシステムが利用可能になりました。

Keep going from Manage development and production build with GitHub actions

If you are using Manage development and production build with GitHub actions Capgoアクションを使用してチャネルルーティングとステージドロールアウトを計画します。Capgoチャネルと接続します。 チャネル Capgoのチャネル機能の実装詳細については、チャネルを参照してください。 チャネル Capgoのチャネル機能の実装詳細については、チャネルを参照してください。 チャネル Capgoのチャネル機能の実装詳細については、チャネルを参照してください。 ベータテストソリューション ベータテストソリューションにおける製品ワークフローについて バージョン目標ソリューション バージョン目標ソリューションにおける製品ワークフローについて

Capacitor アプリのリアルタイム更新

When a web-layer bug is live, ship the fix through Capgo instead of waiting days for app store approval. Users get the update in the background while native changes stay in the normal review path.

ウェブ層のバグが生じたときは、__CAPGO_KEEP_0__ を使用して修正を配信するのを待つのではなく、数日間待たずにアプリストアの承認を待つ必要がなくなる。ユーザーはバックグラウンドで更新を受け取り、ネイティブの変更は通常のレビュー経路を通る。

コンテキスト: Capgo マーケティング ウェブサイト。役割: サポートする説明文またはメタ説明文。見つける場所: コンポーネント GetStarted.astro。Capgo の製品/ブランド名と開発者用語をそのまま保存する。

マーティンから人間のサポートを受ける

Capgo gives you the best insights you need to create a truly professional mobile app.