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

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

こんにちは Capacitor ionic コミュニティ、今日はあなたに Capacitor-updater をあなたのアプリにセットアップする方法を紹介します。 これにより、スムーズなリリースが可能になります。

__CAPGO_KEEP_0__ アプリの更新方法

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

ライター

バレリア

レビュアー

ジョーダン

エディター

あなたのCapacitorアプリをCapacitor-updaterを使用してスムーズにアップデート

Capacitor-updaterとは

Capacitor-updaterは、ユーザーに即時でアプリの更新と改善を提供する技術です。

この機能は、クリティカルなバグ修正を即時で配信するために、アプリストアのレビューを回避したい場合に特に便利です。

あなたは、更新が利用可能になったら即時でサイドロードすることができる「ウェブのような」迅速性を想像できます。

さらに、__CAPGO_KEEP_0__-updaterは、更新がアプリをクラッシュさせる場合にロールバックを提供します

どのように機能しますか?

CapgoはアプリのJavaScriptバンドルをCapgoサーバーと同期し、ユーザーがアプリを開いたときに、Capgoサーバーと連携してバンドルの新しいアップデートが利用可能かどうかを確認します。当然ながら、多くの素晴らしい設定が用意されており、ユーザーの体験を最適化するのに役立ちます。

Capgoをすべてのプロジェクトで使用しています。これにより、App Storeのレビュープロセスに時間を費やす必要がなくなりました。

詳しくはこちらを参照してください ここ.

Capgoの理解

Capgoはセマンティックバージョニング(semver)を使用して、アプリにアップデートを適用するタイミングと方法を決定します。これにより、ユーザーは互換性のあるアップデートを受け取り、自動的に展開される破壊的な変更を防ぎます。

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

  • MAJOR:
  • MINORMINOR:新機能がバックワード互換性がある
  • PATCH: バグ修正がバックワード互換性があります

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

Capgoのチャンネル設定では、自動的に適用される更新の種類を設定できます:

  • メジャー戦略: 全ての更新を許可する(注意)
  • マイナー戦略: マイナーとパッチ更新のみを許可する
  • アップデート戦略: PATCH更新のみ許可
  • メタデータ戦略: 最小バージョン要件を満たす必要があります

さまざまなバージョン combination の動作をテストするには、Capgo の更新ロジックを使用できます。 Semver Tester tool。 このツールは、チャンネル設定に基づいて、更新が適用される時刻を理解するのに役立ちます。

制限はありますか?

実際には、OTA更新は、Web Bundle でのみ機能します。 これは、実際には大きな制限ではありませんかもしれません。__CAPGO_KEEP_1__ JS では、ほとんどの __CAPGO_KEEP_2__ を JS、CSS、HTML で書きます。. You may think that this isn’t really a big limitation because, in Capacitor JS, we write almost all code in JS CSS and HTML. While this may be true, there still are native modules that we install to our app. If a module changes your android or iOS directories, you can’t use OTA to update your app. That’s because these directories’ contents are used to compile Native binaries, which OTA can’t update. Even native app cannot update this part.

モジュールが Android または iOS ディレクトリを変更すると、OTA を使用してアプリを更新できなくなります。 iOS用.

Auto Capgo 設定

アップロードする最初のバージョンをアップロードするには、API キーを取得するためにサインアップする時間です。 Capgo アカウントにサインアップすることから始めましょう。.

Capgo にログインすると、オンボーディング ページが表示されます。

オンボーディング ページ

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

CLI のガイダンスに従ってください。

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

npx @capgo/cli@latest init Capgo を Capacitor アプリにインストールするには、CLI は Capgo と連携するアプリの設定を手助けします。

手動で設定する場合は、以下の手順に従ってください。

手動 Capgo 設定

プラグインをインストールする

あなたはこのcodeをアプリに追加することになります:

npm i @capgo/capacitor-updater && npx cap sync プラグインをあなたのCapacitorアプリにインストールするには

あなたのアプリにこのcodeを追加して、JS バンドルが正常であることをネイティブ プラグインに通知する必要があります (これを実行しないと、ネイティブ プラグインは前のバージョンに戻されます):

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

CapacitorUpdater.notifyAppReady()

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

次に、アプリを更新するために npm run build && npx cap copy __CAPGO_KEEP_0__にログインする

まず、Capgoの

__CAPGO_KEEP_0__の all apikey あなたのアカウントに保存されている情報でログインするには、CLIを使用してください。

npx @capgo/cli@latest login YOU_KEY

__CAPGO_KEEP_0__ CLOUDにログインする

Let’s get started by first creating an app in Capgo Cloud with the CLI.

npx @capgo/cli@latest app add

Capacitorの設定ファイルに定義されているすべての変数を使用してアプリを作成するコマンドを実行します。

最初のバージョンをアップロード

codeをビルドし、Capgoに送信するコマンドを実行してください。 npx @capgo/cli@latest bundle upload

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

__CAPGO_KEEP_0__ Capgo __CAPGO_KEEP_0__でテストしてみましょう。

__CAPGO_KEEP_0__のモバイルサンドボックスアプリ デフォルトチャンネルを設定.

__CAPGO_KEEP_0__

あなたのアプリをCapgoに送った後、チャンネルを更新する必要があります。 default Capgoからアプリがアップデートを受け取るようにするには、チャンネルを設定する必要があります。

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

デバイスでLive Updateを受信する

live updateからDeployがアプリをアップデートするようにするには、デバイスまたはエミュレータでアプリを実行する必要があります。簡単な方法は、次のコマンドを実行して、ローカルでエミュレータまたはデバイスに接続されたコンピューターでアプリを起動することです。

npx cap run [ios | android]

アプリを開き、バックグラウンドに置き、再度アプリを開くと、ログにアップデートが実行されたことが表示されます。

おめでとうございます! 🎉あなたは初めてのLive Updateを成功させました。これは、Live Updatesの始まりです。Live Updatesの詳細については、ドキュメントを参照してください。 Live Updatesドキュメント.

ローカルでアップデートを受信しないようにするには、このコマンドを実行します。 npx @capgo/cli@latest channel set

CapacitorアプリをCapacitor-updaterを使用して、スムーズにアップデートする

__CAPGO_KEEP_0__アプリを__CAPGO_KEEP_1__-updaterを使用して、スムーズにアップデートする CapacitorアプリをCapacitor-updaterを使用して、スムーズにアップデートする __CAPGO_KEEP_0__アプリを__CAPGO_KEEP_1__-updaterを使用して、スムーズにアップデートする Capgo 企業版 Capgo Enterprise製品のワークフロー向け Ionic Enterprise プラグインの代替 Ionic Enterprise プラグインの代替製品ワークフロー向け Capgo の代替 Capgo の代替製品ワークフロー向け Capgo のコンサルティング Capgo のコンサルティングと製品ワークフロー向け Capgo のプレミアムサポート Capgo のプレミアムサポート製品ワークフロー向け

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

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

最新のブログ記事

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