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

自動ビルドとリリースアプリケーションにGithubアクションを使用

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

記事のクレジット

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

ページ/エリア: Enterprise製品/価格設定ページ。役割: UIラベル。見られる場所: page enterprise.astro。メッセージキー `enterprise_partnership_capgo_martin_name` (Enterprise Partnership Capgo Martin Name)。

ライター

バレリア

ページ/エリア: Enterprise製品/価格設定ページ。役割: UIラベル。見られる場所: page enterprise.astro。メッセージキー `enterprise_partnership_capgo_valeria_name` (Enterprise Partnership Capgo Valeria Name)。

レビュアー

Automatic build and release app with Github actions

このチュートリアルはGitHubホスティングに焦点を当てていますが、CI/CDプラットフォームの他のものに少しだけアレンジして適用することができます。

序文

CapacitorアプリをCapgoに追加しておくことを確認してください。このチュートリアルはアップロードフェーズに焦点を当てています。Capgoにアプリを追加する必要がある場合は、このチュートリアルを参照してください。 チュートリアル

コミット規約

Capgo Builder / 自然クラウドビルド製品ページの場合、最初にコミット規約に従う必要があります。 conventional commitsこの規約を理解することで、ツールがバージョン番号をアップグレードする方法を理解できるようになります。5分で学べます。

Conventional Commits

GitHubアクションのタグ

GitHubアクションを作成して自動ビルドとタグの作成を実行する必要があります。

このパスにファイルを作成してください: .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.

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

この機能を使用するには、以下の手順を実行してください。 個人アクセストークンを作成し、__CAPGO_KEEP_0__ GitHub シークレット これはCIが変更履歴をコミットできるようにする必要があります。 PERSONAL_ACCESS_TOKEN.

トークンを作成する際に、有効期限を

スコープを never に選択してください。 repo.

最後に、__CAPGO_KEEP_0__で使用するバージョンを設定し、Nativeバージョンと同期する必要があります。 package.json ファイルにバージョンを設定し、Nativeバージョンと同期する必要があります。

これは最初の1回のみ必要です。次に、ツールは自動的にバージョンを更新します。

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

Nativeと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_1__の__CAPGO_KEEP_0__キーを取得し、__CAPGO_KEEP_2__に追加する必要があります。

To make this work, you need to get your API key for Capgo, add it in the あなたの GitHub リポジトリの秘密 そして CAPGO_TOKEN.

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

__CAPGO_KEEP_0__ に新しいビルドが生成されるため、コミットを追加してください。

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

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

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

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

Github アクションを使用して自動ビルドとリリースアプリを続行してください。

__CAPGO_KEEP_0__ アクションを使用してCI/CDの自動化を計画している場合、接続してください。 Github アクションを使用してCI/CDの自動化を計画している場合、接続してください。 __CAPGO_KEEP_0__ アクションを使用してCI/CDの自動化を計画している場合、接続してください。 Capgo CI/CD Capgo製品ワークフロー向け Capgoネイティブビルド Capgo製品ワークフロー向け Capgo統合 Capgo製品ワークフロー向け CI/CD統合 __CAPGO_KEEP_0__実装詳細 GitHubアクション統合 GitHub実装詳細

Live updates for Capacitor apps

ウェブ層のバグが実行中の場合、Capgo を使用して修正を配信し、アプリストアの承認待ちの日数を待たずに実行してください。ユーザーはバックグラウンドで更新を受け取り、ネイティブの変更は通常のレビュー経路で残ります。

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

今すぐ始めましょう

最新のブログ記事

Capgo は、プロフェッショナルなモバイルアプリを作成するために必要な最良の洞察を提供します。