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

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

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

Anik Dhabal Babu

Anik Dhabal Babu

コンテンツマーケター

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

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

序文

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

コミット規約

まずコミット規約を遵守する必要があります conventional commits__CAPGO_KEEP_0__ このツールがバージョン番号をアップグレードする方法を理解するのに役立つため、この規約を学習するのに 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 CI/CD」、「」、「GitLab CI/CD」に、スクリプトセクションで使用するGitLabのメールアドレスとユーザー名を置き換えます。この設定では、メインブランチへのプッシュのみをトリガーし、メッセージが「chore(release):」で始まるコミットを除外します。GitLab CI/CD for Build`.gitlab-ci.yml` ファイルにビルド用のステージを追加します

Create a .gitlab-ci.yml file in the root of your GitLab repository with the following content

Replace “","","GitLab CI/CD","” with your GitLab email and username in the script section.

    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 ビルドコマンドを変更する必要があります。

まとめ

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

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

GitLab を使用している場合 Automatic build and release app with GitLab CI/CD の自動化を計画する場合、__CAPGO_KEEP_0__ CI/CD と接続してください。 Capgo CI/CD Capgo CI/CD の製品フローの場合、Capgo Native Builds を使用してください。 Capgo Native Builds Capgo Native Builds の製品フローの場合 Capgo 連携 Capgo 連携のワークフロー内で CI/CD 連携 CI/CD 連携の実装詳細について GitHub アクション連携 GitHub アクション連携の実装詳細について

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

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

今すぐ始める

最新のブログ記事

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