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

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

Create your own CI/CD pipeline with GitLab for free, deploy your Ionic Capacitor JS app every time you push to main.

アニク・ダバル・バブー

アニク・ダバル・バブー

コンテンツマーケター

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

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

序文

Be sure you have added your Capacitor app first to Capgo, this tutorial just focuses on the upload phase. If you need to add your app to Capgo, you can follow this チュートリアル.

コミット規約

Capgo Builderでは、まずコミット規約に従う必要があります。 標準的なコミット標準的なコミット

「`」を学習するのに5分かかります。

標準的なコミット

GitLab CI/CD for Tag

 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.ymlファイルを作成します。「gitlab@yourdomain.com」「GitLab CI/CD」

GitLab CI/CDのスクリプトセクションに、GitLabのメールアドレスとユーザー名を置き換えます。

GitLab CI/CDは、メインブランチへのプッシュのみをトリガーし、コミットメッセージが「chore(release):」で始まらないようにします。

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

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

まとめ

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

CapgoのCI/CDを自動化するには、次のステップに進んでください。

CapgoのCI/CDを自動化するには、次のステップに進んでください。 CapgoのCI/CDを自動化するには、次のステップに進んでください。 Capgoの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 連携 Capgo 連携 CI/CD 連携 CI/CD 連携の実装詳細については GitHub アクション連携 GitHub アクション連携の実装詳細については

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

When a web-layer bug is live, ship the fix through Capgo instead of waiting days for app store approval. Users get the update in the background while native changes stay in the normal review path.

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

コンテキスト:Capgoマーケティングウェブサイト。役割:サポートする説明文またはメタ説明文。見つかった場所:コンポーネントGetStarted.astro。Capgo製品/ブランド名と開発者用語をそのまま保存。メッセージキー:instant_updates_for_capacitor_apps_description (Instant Updates For Capacitor Apps Description)。

ヒューマンサポートからマーティン

Capgo gives you the best insights you need to create a truly professional mobile app.