メイン コンテンツにスキップ
CI/CD

Automatic build and release app with Github actions

Create your own CI/CD pipeline with Github actions for free, deploy your Ionic Capacitor JS app every time you push to main.

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

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

コンテンツマーケター

Automatic build and release app with Github actions

This tutorial focuses on the GitHub hosting, but you can adapt it with little tweak to any other CI/CD platform.

序文

Be sure you have added your Capacitor app first to Capgo, this tutorial just focuses on the upload phase. If you need to add your app to Capgo, you can follow this チュートリアル

コミット規約

Capgo Builderのコミット規約を開始する必要があります 標準的なコミット標準的なコミット

このツールがバージョン番号をアップグレードする方法を理解するのに役立ちます。5分で学べます。

GitHub actions for tag

GitHubタグのアクション

Capgo Builderの最初の__CAPGO_KEEP_0__アクションを作成する必要があります .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

この内容で: CHANGELOG.md.

毎回のコミットでタグをリリースし、メインブランチのコミットごとに変更履歴を追加します。

問題ありません。ファイルを作成する必要はありません。自動で作成されます。 パーソナル アクセス トークン そして、GitHub に追加してください シークレット として PERSONAL_ACCESS_TOKEN.

これは、CI がチェンジログをコミットできるようにする必要があります。

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

最後に、__CAPGO_KEEP_0__ の package.json ファイルにバージョンを設定し、Native のバージョン番号と同期してください。これにより、次のステップが簡単になります。

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

ここで、両方のファイルをコミットし、GitHub で最初のタグが表示されることを確認できます!

両方のネイティブプラットフォームとWebプラットフォームは、各コミット後にバージョン番号を上げます。

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_KEEP_0__ の __CAPGO_KEEP_1__ のためのAPIキーを取得し、__CAPGO_KEEP_0__ リポジトリのシークレットに追加する必要があります。

To make this work, you need to get your API key for Capgo, add it in the この両方のファイルをコミットし、最初のタグが GitHub に表示されることを確認できます。 コミットすると、プロダクションチャンネル用の新しいビルドが生成されます。 CAPGO_TOKEN.

GitHub

__CAPGO_KEEP_1__

あなたのテストをビルドステップに追加して、code が正常に動作していることを確認してください。

Capgo ダッシュボードに移動し、ご自身のビルドを確認してください。ご自身のCI/CDシステムが利用可能になりました。

すべてのユーザーが利用可能なときに更新を受け取るようにしたい場合は、チャンネルに移動し、設定を変更してください。 public.

Ionic Capacitor JavaScript アプリのネイティブビルドを追加することもできます。以下のチュートリアルを参照してください 👇

Automatic build and release app with Github actions から続けてください。

Automatic build and release app with __CAPGO_KEEP_0__ actions を使用してCI/CDの自動化を計画している場合、__CAPGO_KEEP_0__ CI/CD に接続してください。 Github CI/CD では、Github CI/CD の製品フローで使用します。 __CAPGO_KEEP_0__ Native Builds では、__CAPGO_KEEP_0__ Native Builds の製品フローで使用します。 Capgo CI/CD Automatic build and release app with Capgo actions Capgo Native Builds Capgo CI/CD Capgo 連携 Capgo 連携の製品ワークフロー CI/CD 連携 __CAPGO_KEEP_0__ アクション連携 GitHub アクション連携の実装詳細 for the implementation detail in GitHub Actions Integration.

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 を通じて修正を配信するのではなく、App Store の承認待ちの日数を待たずに、ユーザーはバックグラウンドで更新を受け取り、ネイティブの変更は通常のレビュー経路を通じます。

コンテキスト: Capgo マーケティング ウェブサイト。役割: サポートする説明文またはメタ説明文。見つける場所: コンポーネント GetStarted.astro。Capgo の製品/ブランドと開発者用語をそのまま保存します。メッセージキー `instant_updates_for_capacitor_apps_description` (Capacitor アプリのリアルタイム更新の説明)。

マーティンから人間のサポート

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