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

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

Ionic Capacitor JSアプリの作成とGitLabの無料CI/CDパイプラインの作成、メインブランチにプッシュするたびにアプリをデプロイ

アニク・ドハバル・バブー

アニク・ドハバル・バブー

コンテンツマーケター

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

この記事では、GitLabでCI/CDパイプラインのセットアップ方法について説明します。

序文

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

コミット規約

まず、コミット規約を開始する必要があります。 conventional commitsこのコマンド` 5分で学べる`は、ツールがバージョン番号をアップグレードする方法を理解するのに役立ちます。

Conventional Commits

GitLab CI/CD for Tag

GitLabリポジトリのルートディレクトリに`.gitlab-ci.yml`ファイルを作成し、以下の内容を記述します。

 stages:
      - tag

 bump_version:
   stage: tag
   only:
     - main
  except:
    variables:
  - $CI_COMMIT_MESSAGE =~ /^chore\(release\):/
  script:
   - git config --global user.email "gitlab@yourdomain.com"
   - git config --global user.name "GitLab CI/CD"
   - git checkout $CI_COMMIT_REF_NAME
   - git pull origin $CI_COMMIT_REF_NAME
   - npx capacitor-standard-version
   - git push origin $CI_COMMIT_REF_NAME --tags

置換 "gitlab@yourdomain.com”と“GitLab CI/CD”をスクリプトセクションに自分のGitLabメールアドレスとユーザー名を記載します。この設定では、メインブランチへのプッシュのみをトリガーし、メッセージが「chore(release):」で始まるコミットを除外します。

GitLab CI/CD for Build

Add another stage to your .gitlab-ci.yml file for the build:

    stages:
      - deploy

   deploy:
     stage: deploy
     only:
       - tags  # This job will only run for tag pushes
     script:
       - apt-get update -qy && apt-get install -y nodejs npm
       - npm install -g @capgo/cli
       - npm ci
       - npm run build
       - npx @capgo/cli bundle upload -a $CAPGO_TOKEN -c production
     variables:
       FIREBASE_CONFIG: $FIREBASE_CONFIG  # Define this in your GitLab project settings
     environment:
       name: production

CapgoのCapgoAPIキー(CAPGO_TOKEN)が、GitLabプロジェクトのCI/CD変数として追加されていることを確認してください。GitLabにプロジェクトを開き、設定>CI/CD>変数に移動し、CAPGO_TOKENという変数を追加し、APIキー値を指定してください。

Customize the build script to match your specific project’s build process, such as changing the npm run build command.

Conclusion

ここまで!私たちは、技術の旅をさらに進めました。現代のソフトウェア開発において、CICDは重要な要素です。なので、このガイドラインが全員に理解できるものであることを願っています。

Keep going from Automatic build and release app with GitLab

Capgoを使用している場合 Automatic build and release app with GitLab CI/CDの自動化を計画する場合、GitLabに接続します。 Capgo CI/CD Capgo CI/CDの製品ワークフローについて Capgo Native Builds Capgo Native Buildsの製品ワークフローについて Capgo Integrations Capgo Integrationsの製品ワークフローについて CI/CD統合 CI/CD統合の実装詳細について GitHub Actions統合 GitHub Actions統合の実装詳細について

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

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

Get Started Now

Latest from our Blog

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