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

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

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

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

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

コンテンツマーケター

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

この記事では、GitLabを使用したCI/CDパイプラインの設定方法について説明します。

序文

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

コミット規約

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

Conventional commits

GitLab CI/CD for Tag

GitLab リポジトリの root ディレクトリに .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 CI/CD for Tag」に、スクリプトセクションで使用するGitLabのメールアドレスとユーザー名を置き換えます。この設定では、main ブランチへのプッシュのみをトリガーし、メッセージが「chore(release):」で始まるコミットを除外します。GitLab CI/CD for Buildbuild用の別のステージを、.gitlab-ci.ymlファイルに追加します

GitLab CI/CD for Build

build用の別のステージを、.gitlab-ci.ymlファイルに追加します

    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 と API の CAPGO_TOKEN を GitLab プロジェクトの CI/CD 変数として追加してください。 GitLab へアクセスし、プロジェクトの設定 > CI/CD > 変数へ移動し、CAPGO_TOKEN という名前の変数を追加し、API のキー値を入力してください。

ビルドスクリプトをプロジェクトのビルドプロセスに合わせてカスタマイズしてください。 例えば、npm のビルドコマンドを変更してください。

まとめ

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

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

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

今すぐ始める

最新のブログ記事

Capgo を使うことで、プロフェッショナルなモバイルアプリを作成するために必要な最良の洞察を得ることができます。