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

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

無料でGithubアクションを使用して独自のCI/CDパイプラインを作成し、Ionic Capacitor JSアプリを毎回メインにプッシュするたびにデプロイ

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

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

コンテンツマーケター

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

GitHubホスティングに焦点を当てたこのチュートリアルですが、他のCI/CDプラットフォームに適応するにはわずかな調整で使用できます。

序文

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

コミット規約

最初はコミット規約を遵守する必要があります 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.

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

この機能を実現するには、 PERSONAL ACCESS TOKEN and add it to your GitHub __CAPGO_KEEP_0__のシークレット として PERSONAL_ACCESS_TOKEN.

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

トークンを作成するときは、期限を never スコープを repo.

__CAPGO_KEEP_0__のファイルにバージョンを設定し、Nativeバージョン番号と同期してください。次のステップを容易にするため、 package.json 最初の1回だけ必要です。その後、ツールは自動的に更新します。

__CAPGO_KEEP_0__にタグが表示されます。

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

__CAPGO_KEEP_0__

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_0__ リポジトリのシークレットに追加する必要があります。

To make this work, you need to get your API key for Capgo, add it in the secret of your GitHub repository __CAPGO_KEEP_0__ が正常に動作していることを確認するために、ビルド ステップにテストを追加する必要があります。 CAPGO_TOKEN.

GitHub

__CAPGO_KEEP_1__

code

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

すべてのユーザーが更新を取得できるようにしたい場合は、チャンネルにアクセスし、更新を有効にします。 public.

IonicのCapacitor JavaScriptアプリのネイティブビルドを追加するには、このチュートリアルを参照してください 👇

リアルタイムの更新機能を持つCapacitorアプリ

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

今すぐ始めましょう

ブログの最新記事

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