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

GitLabを使用した自動ビルドとリリース

GitLabを使用して無料でCI/CDパイプラインを作成し、mainブランチにプッシュするたびにアプリをデプロイしてください。

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

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

コンテンツマーケター

GitLabを使用した自動ビルドとリリース

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

序文

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

コミット規約

Capgoのビルダーを使用するには、コミットの規約に従う必要があります。 conventional commits` これを理解するために、ツールがバージョン番号をアップグレードする方法を学習するのに 5 分かかります。

Conventional Commits

GitLab CI for tag

Capgoのビルダーを使用するには、GitLabを自動でビルドし、タグを作成する必要があります。

ファイルを作成するパス: .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を作成する必要があります。 PERSONAL ACCESS TOKEN GitLab CI/CD変数に追加してください PERSONAL_ACCESS_TOKEN.

CIが変更履歴をコミットできるようにする必要があります

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

最後に、ツールがバージョンを保存している場所を理解するために、ファイルを .cz.toml リポジトリのrootに作成してください

以下を追加してください

[tool.commitizen]
name = "cz_conventional_commits"
tag_format = "$major.$minor.$patch$prerelease"
version = "0.11.5"
version_files = [
    "package.json:version",
    ".cz.toml"
]

このファイルのバージョンを、 package.json ファイルのバージョンと同じように設定してください

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

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

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に依存関係をインストールしてビルドし、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 GitHubにコミットすると、生産チャンネルで新しいビルドが生成されます。 ビルドステップでテストを追加してください。__CAPGO_KEEP_0__が正常に動作していることを確認する必要があります。 CAPGO_TOKEN.

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

__CAPGO_KEEP_0__のキーを取得し、__CAPGO_KEEP_0__のシークレットに追加する必要があります。

これらのファイルをコミットすると、codeで最初のタグが表示されます。

Go To your Capgo dashboard and check your build who just appeared, you now have your CI/CD system.

あなたのユーザー全員が、いつでもアップデートを受け取るようにしたい場合は、 public.

Automatic build and release with Gitlab から続きます。

あなたが使用している Automatic build and release with Gitlab をCI/CDの自動化に使用している場合、 Capgo CI/CD for the product workflow in Capgo CI/CD, Capgo Native Builds for the product workflow in Capgo Native Builds, Capgo Integrations for the product workflow in Capgo Integrations, の製品ワークフローに接続してください。__CAPGO_KEEP_0__ Integrations、 CI/CD統合の実装詳細について GitHub Actions統合 GitHub Actions統合の実装詳細について

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

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

マーティンによる人間のサポート

スタートする

最新のブログ記事

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