App Center から Capgo へのマイグレーション

Migration Summary

Capgo 開発チームをサポートするサービスが、実行中のアプリをデプロイ済みのアプリに送信します。
Capacitor jQuery Mobile、Framework 7、Sencha、KendoUI、Ionic、または独自のカスタムソリューションで書かれたJSアプリも移行できます。.
既存のIonicアプリは必要ありません。 Colt

App Center Build (Android/iOSアプリをビルドする)の代替サービスを提供しています。Test、Diagnostics、Analyticsサービスも提供しています。

注意あなたのアプリがまだCordovaを使用している場合、Capacitor に移行する前に、Capgo

Built by the Ionic team as a spiritual successor to Cordova, Capacitor allows development to move close to the native tooling and capabilities with the goal of providing an even better user experience and performance.

幸いなことに、移行プロセスは簡単で、Cordova プラグインの多くは Capacitor 互換性があります。移行を始める.

Capgo について

Capgo は、時間の経過とともにアプリを更新することを取り巻くものです。開発チームは、アプリのユニークな機能にのみ焦点を当てることができ、複雑なアプリ配信プロセスを Capgo に委託することができます。

Capgo は、Web デリバリーとモバイルの間のギャップを埋めます。

Capgo の前提条件

App Center と同様に Capgo Git リポジトリにホストされている Azure DevOps、Bitbucket、 GitHub、および GitLab をサポートします。

Capgo を CLI インストール

注意

ノードと NPM がコンピューターにインストールされていることを確認し、続行する前に必要なものは何ですか。常に __CAPGO_KEEP_1__ を使用してください。現在のLTSバージョン Capgoの古いバージョンはありません。

作成 `package.json` とCapacitorの設定ファイル

注意

開始する前に、最新のGitブランチで変更を加えることをお勧めします。

しかし Capgo は、capacitorアプリを自動化するために作成されたため、1つのファイルがあなたのアプリにない可能性があります。まず、ファイルを作成してください。アプリのルートディレクトリで実行することで、ファイルを作成するのが簡単です: capacitor.config.json 次に、__CAPGO_KEEP_0__を__CAPGO_KEEP_1__の質問状に従って初期化してください:

npm install @capacitor/core

Then, initialize Capacitor using the CLI questionnaire:

npx cap init

CLIは__CAPGO_KEEP_1__の質問状に従って初期化してください:

最後に、プロジェクトに新しいファイルをコミットしてください:

git add .git commit -m "added package json and capacitor config" && git push

Migrate the Code

新しい必要なファイルが置かれたら、実際のアプリケーションに焦点を当ててください。 Capgo アプリケーション自体に注目することができます。 Capgo Capacitor は、ビルドされたアプリケーション全体を、ディレクトリ名が "__CAPGO_KEEP_0__" のディレクトリ内に期待しています。 dist.

Capacitor のビルドされたアプリケーションがディレクトリ内にない場合、code の設定ファイルでこの値を変更してください。 dist directory, change this value in the Capacitor config file.

アプリ構造

Capacitor の設定

Capgo

アプリがインテグレーション用に準備できたので Capgo サインアップして、API キーを取得して、最初のバージョンをアップロードする準備ができました！始めに Capgo アカウントにサインアップする.

Capgo にログインしたら、Account ページに移動し、API キーをクリックし、‘write’ キーをクリックして、クリップボードにコピーする

Capgo の SDK をインストールする

コマンドラインから、Capacitor アプリのルートディレクトリに直接、次のコマンドを実行する

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

そして、アプリにこの code を追加して、CodePush の代わりに使用する

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

CapacitorUpdater.notifyAppReady()

これにより、ネイティブプラグインにインストールの成功を通知する

ライブアップデート (CodePush 代替)

ライブアップデート機能は、インストールされた __CAPGO_KEEP_1__ を使用して動作する Capgo SDK 特定なDeploy Channel Destinationにリスンするために、nativeアプリケーションにこの機能を追加します。Webビルドがチャネルデスティネーションに割り当てられた場合、そのアップデートは、指定されたチャネルデスティネーションにリスンする設定されたバイナリを実行しているユーザーのデバイスに展開されます。

最初に、 all APIキー CLIアカウントに含まれるAPIキーを使用して、CLIにログインします。

npx @capgo/cli@latest login YOURKEY

最初のアプリを追加

アプリを作成するには、Capgo Cloudにアプリを作成し、CLIを使用します。

npx @capgo/cli@latest app add

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

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

codeをビルドし、Capgoに送信するコマンドを実行してください。

npx @capgo/cli@latest bundle upload --channel production

デフォルトでは、バージョン名はアプリケーション内に含まれるものになります。 package.json ファイル。

チェックイン Capgo __CAPGO_KEEP_0__ が存在する場合にチェックする

__CAPGO_KEEP_0__ をテストするには、自分のモバイルサンドボックスアプリを使用できます。デフォルトのチャンネルを作成.

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

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_KEEP_0__

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

CapacitorUpdater.notifyAppReady()

__CAPGO_KEEP_0__ npm run build && npx cap copy アプリを更新するには。

デバイスでライブアップデートを受信

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

npx cap run [ios | android]

アプリを開き、バックグラウンドに置き、再度アプリを開きます。ログに表示されるのは、アプリがアップデートしたことを示すものです。

おめでとうございます！ 🎉 1回目のライブアップデートを成功させました。これがライブアップデートの始まりです。ライブアップデートについてもっと学びたい場合は、ライブアップデートドキュメント.

アプリセンター依存関係を削除

今、Capgoのサービスを統合したので、アプリセンターへの参照を削除する必要があります。アプリセンターを使用していない場合、code/servicesを削除することはベストプラクティスです。また、SDKを削除することで、アプリのサイズを削減できます。

最初に、ターミナルを開き、App Center プラグインをアンインストールしてください。

    cordova plugin remove cordova-plugin-appcenter-analytics cordova-plugin-appcenter-crashes cordova-plugin-code-push

次に、 config.xml をオープンし、以下の値を削除してください。値は次のようになります。 preference 値

    <preference name="APP_SECRET" value="0000-0000-0000-0000-000000000000" /><preference name="CodePushDeploymentKey" value="YOUR-ANDROID-DEPLOYMENT-KEY" /><preference name="CodePushPublicKey" value="YOUR-PUBLIC-KEY" />

If you were using App Center Analytics in your app, remove the following preferences elements: APPCENTER_ANALYTICS_ENABLE_IN_JS and APPCENTER_CRASHES_ALWAYS_SEND.

App Centerから使用していましたら、以下の要素を削除してください。 <access /> elements:

    <access origin="https://codepush.appcenter.ms" /><access origin="https://codepush.blob.core.windows.net" /><access origin="https://codepushupdates.azureedge.net" />

CodePushの参照をCSPの meta タグから削除してください。 index.html ファイル（https://codepush.appcenter.ms):

    <meta http-equiv="Content-Security-Policy" content="default-src https://codepush.appcenter.ms 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *" />

最後に、App Centerのサービス（App Center Analyticsなど）へのcodeの参照を、以下のアプリ内から削除してください。 codePush.sync();.

次のステップ

You’ve migrated from App Center to Capgo, utilizing the Live Updates. This is just the beginning of what you can use Capgo for. Explore the rest of the service includes Channel (multiple environments) and override. Cloud CLI integration, use Capgo inside your CI/CD platform of choice (such as GitHub Action, GitLab, Jenkins, and more).

自動でアプリの更新を送信する

あなたの code が GitHub にホストされている場合、 GitHub アクションの恩恵により、自動ビルドとリリースを設定するにはいくつかの追加のステップが必要になります。

2 番目の記事を作成し、実行する方法を許可しました。

クレジット

__CAPGO_KEEP_1__ への多大な感謝 Ionicこの記事は、この記事をChat-GPT-3で再構築し、適応しました。 Migrating from App Center to __CAPGO_KEEP_0__ から続けてください。

Keep going from Migrating from App Center to Capgo

Migrating from App Center to __CAPGO_KEEP_0__ Migrating from App Center to Capgo 接続する Capgo Enterprise Capgoの製品ワークフローについて Ionic Enterprise Plugin Alternatives Ionic Enterprise Plugin Alternativesの製品ワークフローについて Capgo Alternatives Capgo Alternativesの製品ワークフローについて Capgo Consulting Capgo Consultingの製品ワークフローについて Capgo Premium Support Capgo Premium Supportの製品ワークフローについて

Capgo から App Center への移行