メインコンテンツにジャンプ
チュートリアル

CapacitorアプリをCapacitor-updaterを使用してスムーズに更新する

こんにちはCapacitor Ionic Community、今日はCapacitor-updaterをアプリに設定する方法を紹介します。 これにより、スムーズなリリースが可能になります。

記事のクレジット

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

ページ/エリア: Enterprise製品/価格設定ページ。役割: UIラベル。見つかったページ: page enterprise.astro。メッセージキー `enterprise_partnership_capgo_martin_name` (Enterprise Partnership Capgo Martin Name)。

ライター

ヴァレリア

ページ/エリア: Enterprise製品/価格設定ページ。役割: UIラベル。見つかったページ: page enterprise.astro。メッセージキー `enterprise_partnership_capgo_valeria_name` (Enterprise Partnership Capgo Valeria Name)。

レビュアー

Update your Capacitor apps seamlessly using Capacitor-updater

What is Capacitor-updater?

Capacitor-updater, a technology that helps in the delivery of app updates and improvements to the end users instantly.

特に、緊急のバグ修正を行う場合に、App Storeのレビューを経ることなく即時で更新を提供できるのはとてもうれしいことです。

これは、更新を即時で提供できるようにするために、側ロードを実現する「ウェブのような」柔軟性を提供するのと同じです。

さらに、更新がアプリをクラッシュさせる場合に、ロールバックも提供されます。

Capgo-アップデーターはどのように動作するのですか?

Capgo keeps your app’s JavaScript bundle in sync with the Capgo server, and every time the user opens the app, it checks with the Capgo server if a new update is available to the bundle. And of course, it comes with tons of awesome configurations which can help you fine-tune your user’s experience.

I use Capgo in all my projects I build. That allows me to put less time in the App Store review process.

詳しくはこちら Capacitor-アップデーター.

Understanding Semantic Versioning with Capgo

Capgo

セマンティック バージョニングのフォーマットは MAJOR.MINOR.PATCH:

  • メジャー: 本質的な変更点がネイティブ アプリ ストアのリリースを必要とする
  • マイナー: バックワード コンプライアントの新機能
  • パッチ: バックワード コンプライアントのバグ修正

例えば、バージョン 1.0.0 にあなたのアプリがあれば、 1.0.1 にアップデートしたい場合、Capgoは自動的にこのアップデートを適用します。ただし、 1.0.0 から 2.0.0 にアップデートしたい場合 (メジャー バージョン)、ネイティブ アプリ ストアのリリースが必要です。なぜなら、これは破壊的な変更を示しているからです。

Capgoのチャンネル設定では、自動適用されるアップデートの種類を設定できます。

  • メジャー戦略:すべてのアップデートを許可する(注意)
  • マイナー戦略:マイナーとパッチアップデートのみを許可する
  • パッチ戦略:パッチアップデートのみを許可する
  • メタデータ戦略:最低バージョン要件を満たすことを要求する

Capgoのアップデートロジックをテストするには、Semver Testerツールを使用できます。 このツールは、チャンネル設定に基づいてアップデートが適用される時刻を理解するのに役立ちます。.

制限はありますか?

この方法は素晴らしいようですが、注意すべき点がいくつかあります。 最初のことは、OTA更新がWebバンドルのみで機能することです。 Webバンドル以外の更新は行えません。あなたは、CapacitorでほとんどのcodeをJS、CSS、HTMLで書くことができるので、この制限は実際には大きな制限ではありません。 しかし、Nativeモジュールをアプリにインストールすることはあります。 アプリのAndroidまたはiOSディレクトリが変更された場合、OTAを使用してアプリを更新することはできません。 これは、Nativeバイナリをコンパイルするために使用されるディレクトリの内容が更新できないためです。 Nativeアプリでもこの部分を更新することはできません。

しかし、CI/CDを設定してこの部分を管理することができます。 私は、IOSの設定方法についてのチュートリアルを作成しました。 Auto __CAPGO_KEEP_0__ Configuration.

アップデートを開始するには、Capgoアカウントを作成し、Capgoキーを取得して、最初のバージョンをアップロードする必要があります。

まず、APIにサインアップしてください。 サインアップした後、Capgoにログインすると、オンボーディングページが表示されます。.

Once you’re logged into Capgo, You will have an onboarding page

オンボーディングページの指示に従って、最初のアプリを追加してください。

オンボーディングページの指示に従って、最初のアプリを追加してください。

Follow the CLI guidance

コマンドラインから、Capacitorアプリのルートディレクトリに直接移動し、以下のコマンドを実行してください。

npx @capgo/cli@latest init To install the Capgo into your Capacitor app, the CLI will walk you through the process of setting up your app with Capgo.

手動で行う場合は、以下の手順に従ってください。

Manual Capgo セットアップ

プラグインをインストールしてください。

あなたはこのようなものが追加されます: code

npm i @capgo/capacitor-updater && npx cap sync Capacitorアプリをスムーズにアップデートするには、Capacitor Updaterを使用します。Capacitor Updaterを使用して、Capacitorアプリを Capacitor にインストールします。

そして、アプリにこの code を追加して、JS バンドルの正常性をネイティブ プラグインに通知します (このステップを実行しないと、ネイティブ プラグインは前のバージョンにロールバックします)。

import { CapacitorUpdater } from '@capgo/capacitor-updater'

CapacitorUpdater.notifyAppReady()

この手順は、ネイティブ プラグインにインストールの成功を通知します。

Then do a __CAPGO_KEEP_0__ npm run build && npx cap copy アプリを自動的に最新の状態に保つことができます。

ログインするには Capgo CLOUD にアクセスしてください

最初に、 all apikey CLI に登録されている API キーを使用してログインしてください

npx @capgo/cli@latest login YOU_KEY

__CAPGO_KEEP_0__ にアプリを追加してください

Capgo Cloud にアプリを作成し、CLI を使用してください

npx @capgo/cli@latest app add

Capacitor config ファイルに定義されているすべての変数を使用してアプリを作成します

__CAPGO_KEEP_0__ をアップロードしてください

code をビルドし、Capgo にアップロードするコマンドを実行してください npx @capgo/cli@latest bundle upload

デフォルトでは、バージョン名はファイル内のものになります package.json チェックインしてください

Check in Capgo ビルドが存在する場合

私が作ったモバイルサンドボックスアプリで試すこともできます デフォルトチャンネルを設定.

Capgoにアプリを送信した後、チャンネルをデフォルトに設定する必要があります

After you have sent your app to Capgo, you need to make your channel default to let apps receive updates from Capgo.

npx @capgo/cli@latest channel set production -s default

アプリを開き、バックグラウンドに置き、再度アプリを開くと、ログにアップデートが実行されたことが記載されているはずです。

おめでとうございます! 🎉 Capgoにライブアップデートを成功的に実行しました。これはライブアップデートの始まりです。ライブアップデートについてもっと学びたい場合は、ライブアップデートのドキュメントを参照してください。

npx cap run [ios | android]

ライブアップデートのドキュメントを参照してください

__CAPGO_KEEP_0__ __CAPGO_KEEP_0__.

ローカルで更新を受信しないようにするには、このコマンドを実行してください npx @capgo/cli@latest channel set

Capacitor アプリを無問題にアップデートするには、Capacitor-updaterを使用してください

__CAPGO_KEEP_0__を使用している場合 Capacitor アプリを無問題にアップデートするには、Capacitor-updaterを使用してください 企業向けの移行計画と運用を計画するには、__CAPGO_KEEP_0__ Enterpriseと接続してください Capgo Enterprise Capgo Enterprise __CAPGO_KEEP_0__ Enterprise Ionic Enterprise Plugin Alternatives Capgo Alternatives Capgo Alternatives Capgo Consulting Capgoの製品ワークフローにおけるCapgoコンサルティング、 Capgoプレミアムサポート Capgoの製品ワークフローにおけるCapgoプレミアムサポート。

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

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

マーティンから人間のサポートを受けます

今すぐ始めましょう

最新のブログ記事

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