Skip to main content

Capacitor CI/CD Pipeline Setup Guide

Automate your Capacitor app's build, test, and deployment process with a CI/CD pipeline for faster updates and improved efficiency.

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

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

コンテンツマーケティング

Capacitor CI/CD Pipeline Setup Guide

より速い アプリケーションアップデート 最小の努力で? 設定するCI/CDパイプライン Capacitor アプリケーションを自動化して、ビルド、テスト、デプロイを実行し、時間を節約し、エラーを減らします。ここで、達成することについて説明します:

  • ライブアップデート: アプリストアの遅延なしで即時アップデートが可能です。95%のユーザーが24時間以内にアップデートを受け取ります。
  • パイプラインの基本: ブランチの活動に基づいて自動ビルドを実行し、ステージングとプロダクション用に別々の環境を定義します。main, staging, feature/*Capacitor
  • Capgo : セキュアで暗号化されたアップデートをデプロイし、管理するために: Use Capgo to deploy secure, encrypted updates, manage チャンネル更新, そしてパフォーマンスの監視。
  • 安価なプラン: プランは $12/月でライブ更新、分析、そして 15 個のネイティブ ビルド/月から始まります。

Capacitor CI/CD Pipelines はワークフローを簡素化し、効率を向上させ、そしてアプリがスムーズに最新の状態に保たれるようにします。詳細をご覧ください。

セットアップ要件

前提条件

以下をインストールして設定してください:

  • Node.js LTS, Capacitor CLI, そして Git
  • CIプラットフォーム (例えば GitHub Actions, GitLab CI, または Jenkins)
  • CIプラットフォームで Capgo アカウント ライブ更新の管理用

これらが準備できたら、CIプラットフォーム内でビルドトリガーとステップを定義する準備ができました。

AppflowをCI/CDパイプラインに統合する

Pipeline セットアップ ステップ

前提条件を完了した後、パイプラインのトリガーと環境設定を構成する時間です。

ビルド トリガーとステップ

CI/CD パイプラインを特定のブランチのアクティビティに基づいて自動的にビルドをトリガーするように設定してください。ここではそれをどう設定するかを説明します。

  • ブランチ トリガー:

    • プロダクション ビルド用に使用します。 main テスト用途に使用します。
    • 開発用途に使用します。 staging ビルド ステップ
    • context:/ja/blog/capacitor-cicd-pipeline-setup-guide/ feature/* context:Build Triggers and Steps
  • context:Branch triggers:

    • 必要な依存関係をすべてインストールしてください。
    • 単体テストを実行して code の品質を確認してください。
    • アプリケーションのWebアセットをビルドしてください。
    • モバイルまたはデスクトッププラットフォーム向けのネイティブバイナリを生成してください。
    • ビルドをテスト環境にデプロイして、さらに検証してください。

環境設定

ステージングとプロダクション用に別々の環境設定ファイルを定義して、整理とセキュリティを保ちましょう。ここでは例を示します。

# staging.env
ENVIRONMENT=staging
API_ENDPOINT=https://api-staging.example.com
LIVE_UPDATES_ENABLED=true

# production.env
ENVIRONMENT=production
API_ENDPOINT=https://api.example.com
LIVE_UPDATES_ENABLED=true

機密データの API キーと証明書を、CIプラットフォームのシークレットマネージメントシステムに安全に保存してください。これにより、パイプラインは機能し、セキュリティも確保されます。

Capgo 統合ガイド

Capgo Live Update Dashboard インターフェイス

ビルドとデプロイのステージを設定した後、Capgo を統合することができます。これにより、直接アプリにライブアップデートをプッシュできます。アプリストアの承認遅延を回避できます。

Capgo セットアップ手順

CI/CD パイプラインを準備した後、プロジェクトに Capgo を追加するには、以下の手順に従ってください。

最初に、 Capgo CLI:

npx @capgo/cli init

次に、以下のコマンドを実行してください。

  • アプリをビルド: npm install && npm run build
  • 更新をデプロイ: npx @capgo/cli deploy
  • 更新をロールバック: npx @capgo/cli rollback

GitHub の更新デプロイの例

- name: Deploy to Capgo
  run: |
    npm install @capgo/cli
    npx @capgo/cli deploy
  env:
    CAPGO_TOKEN: ${{ secrets.CAPGO_TOKEN }}

Capgo の主な機能

Capgo は Capacitor アプリに以下の利点を提供します。

  • セキュアで効率的な更新: __CAPGO_KEEP_0__を暗号化して差分更新すると、パケットサイズを削減しながら安全な配信を保証します。
  • チャンネル管理: ステージングとプロダクションチャンネルを作成して、更新のロールアウトを制御します。
  • 分析ダッシュボード: 更新の成功率を追跡し、ユーザーの採用を監視する詳細な洞察を提供します。

Capgo プランと価格

Capgoは、異なるニーズに適した柔軟なプランを提供します:

  • ソロ: 1,000 MAU、2 GB ストレージ、50 GB バンド幅で $12/月
  • メーカー: 10,000 MAU、5 GB ストレージ、500 GB バンド幅で $33/月
  • チーム: ¥8,300/月 (100,000 ユーザー、10 GB ストレージ、2,000 GB バンド幅)
  • PAYG: 月額 $249 から、カスタム スケーリング、API アクセス、カスタム ドメインのオプションが用意されています。

現在、Capgo は、1,900 を超えるアプリを運用中であり、継続的なデプロイの信頼性の高い選択肢となっています。 [1].

Pipeline Management

Status Tracking

アプリの品質を維持し、ユーザーを満足させるには、Pipeline の監視が重要です。CI/CD プラットフォームを使用して、自動的な警告を設定してください。

  • ビルドのステータスとデプロイの進行状況
  • アップデートの成功率
  • ユーザーの採用率
  • エラー報告とクラッシュログ

警告を明確なドキュメントと組み合わせて、smooth な監視と迅速な問題解決を実現してください。

ドキュメント ガイド

チーム全員が同じページにいるように、運用が円滑に進むように、ドキュメントを整備することは非常に重要です。ドキュメントには以下の内容を含めるようにしてください。

  • パイプライン設定: ビルドトリガー、環境変数、セキュリティ設定などの詳細情報
  • アップデート手順: デプロイメントの手順、ロールバックの指示、 アップデート チャンネルの管理.
  • 監視設定: アラートの設定、メトリクスの追跡、問題の対応
  • 規制ガイドライン: プラットフォーム固有のルール、アップデートの制限、他の要件

すべてのドキュメントをバージョン管理システムに保存し、パイプラインが変更された度に更新するようにしてください。よくあるエラーのトラブルシューティング手順も含めて、問題が発生したときに時間を節約することができます。

Platform Guidelines

AppleおよびAndroidのアップデートポリシーに従って、Capgoのチャンネルシステムを使用して、順調かつ準拠のロールアウトを実現します。

:何かが不正に動作した場合に、単一のクリックでアップデートをロールバックすることができます。

概要

To get started, you’ll need to install the CLI, configure builds and environment variables, secure your secrets, enable monitoring, and deploy updates. This process integrates seamlessly with monitoring and rollback tools, ensuring your app stays online with minimal downtime.

CI/CD の利点

設定と結果の間の接続は、Capgo が効率を高める方法を示しています: 更新は 24 時間以内に 95% のユーザーに到達します。. さらに、Capgo の価格は 月 $12で始まります。 . これは、__CAPGO_KEEP_0__ が、. Currently, Capgo supports more than を超える料金を請求するレガシーサービスと比較して、莫大なコストの利点を提供します。 [1].

. 現在、Capacitor は

1,900 を超える生産アプリをサポートしています。 Capacitor CI/CD Pipeline Setup Guide CI/CD自動化の計画を行うには、 Capgo CI/CD 製品ワークフローにおけるCapgo CI/CDの Capgoネイティブビルド 製品ワークフローにおけるCapgoネイティブビルドの Capgo統合 for the product workflow in Capgo Integrations, 製品ワークフローにおける__CAPGO_KEEP_0__統合の CI/CD統合 GitHub Actions Integration for the implementation detail in GitHub Actions Integration.

Live updates for Capacitor apps

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