App CenterからCapgoに移行する

Migishiron

Capgo アプリを実行中のアプリに送信するサービスです。
Capacitor JSアプリケーションは、jQuery Mobile、Framework 7、Sencha、KendoUI、Ionic、または独自のカスタムソリューションでも移行できます。.
__CAPGO_KEEP_0__ 既存のIonicアプリは必要ありません。

コルト

App Center Build (Android/iOSアプリをビルドする)の代替サービスを提供します。 migrate to Capacitor first before migrating to Capgo.

Capacitor

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

About Capgo

Capgo, handles updating apps over time. Development teams can focus completely on the unique features of their app and outsource the complicated app delivery process to Capgo.

Capgoは、時間の経過とともにアプリを更新することができます。開発チームは、アプリのユニークな機能に集中し、アプリの配信プロセスを__CAPGO_KEEP_1__に外注することができます。

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

__CAPGO_KEEP_0__の前提条件 Capgo GitHub

Install Capgo CLI

__CAPGO_KEEP_0は、Azure DevOps、Bitbucket、CAPGO_KEEP_0__、GitLabのGitリポジトリにホストされているアプリをサポートします。

NPMを__CAPGO_KEEP_1__でインストールする現在のLTSバージョン Capgo の古いバージョンは使用しないでください。

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

注記

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

しかし Capgo was created to automate capacitor apps, it requires one file that your app may not have. First, create a capacitor.config.json Capgoは、__CAPGO_KEEP_0__ アプリを自動化するために作成されました。ただし、1つのファイルがあれば、Capgoはあなたのアプリに必要です。まず、ファイルを作成してください。アプリのルートディレクトリで実行することで、ファイルを作成するのが簡単です:

npm install @capacitor/core

次に、Capacitor を CLI の質問票で初期化してください:

npx cap init

The CLI will ask you a few questions, starting with your app name, and the package ID you would like to use for your app.

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

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

CapgoをCodeに移行します。

新しい必要なファイルが置かれたら、実際のアプリケーションに焦点を当ててください。 Capgo CapgoのUIから取得したHTMLテキストの部分です。 Capgo CapgoのUIから取得したHTMLテキストの部分です。 dist.

If your built code is not in a dist directory, change this value in the Capacitor config file.

CapgoのUIから取得したHTMLテキストの部分です。

Capgo Configuration

あなたのアプリがCapgoのインテグレーションに適合している場合 Capgo integration, it’s time to sign up, and get your API key to upload your first version! Begin by signing up for a Capgo account.

Once you’re logged into Capgo, navigate to the Account page then click on API key, then click on the ‘write’ key to copy it to your clipboard.

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

From a command line, directly into the root of your Capacitor app folder, run the following command:

npm i @capgo/capacitor-updater && npx cap sync To install the plugin into your Capacitor app.

And then add to your app this code as replacement of CodePush one:

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

CapacitorUpdater.notifyAppReady()

Capgoのインストールが成功したことをnativeプラグインに通知します。

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

ライブアップデート機能は、インストールされた Capgo SDK アプリケーション内で特定のデプロイチャンネルをリスニングするように設定します。ウェブビルドがチャンネルデスティネーションに割り当てられた場合、そのアップデートは、指定されたチャンネルデスティネーションをリスニングするように設定されているデバイスに展開されます。

Capgo all APIキー present in your account to log in with the CLI:

npx @capgo/cli@latest login YOURKEY

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

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

npx @capgo/cli@latest app add

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

バンドルをアップロードしてください

Capgoをビルドするコマンドを実行し、code を Capgo に送信します。

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

バージョン名は、デフォルトではあなたの package.json ファイル。

確認する 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からアプリがアップデートを受け取るようにする

アプリをアップデートの検証に設定する

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

CapacitorUpdater.notifyAppReady()

主なJavaScriptファイルにこの設定を追加してください。 npm run build && npx cap copy アプリを更新するには。

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

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

npx cap run [ios | android]

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

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

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

Now that we’ve integrated Capgo’s services, you should remove any references to App Center. Besides being a best practice to remove unused code/services, removing the SDK should reduce the size of your apps.

最初に、ターミナルを開き、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" />

App Center アナリティクスを使用していましたら、以下の要素を削除してください。 preferences 要素: APPCENTER_ANALYTICS_ENABLE_IN_JS そして APPCENTER_CRASHES_ALWAYS_SEND.

削除する要素: <access /> 削除する要素:

    <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 最後に、App Center サービスへの __CAPGO_KEEP_0__ の参照を、以下の要素から削除してください。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 *" />

Finally, within your app, remove any code references to App Center services, such as codePush.sync();.

App Center から __CAPGO_KEEP_0 に移行しました。Live Updates を利用して、CAPGO_KEEP_1 の機能をさらに活用してみましょう。Channel (複数の環境) とオーバーライド、Cloud CAPGO_KEEP_2 の統合、CI/CD プラットフォーム (例: CAPGO_KEEP_4 アクション、GitLab、Jenkins、など) 内で CAPGO_KEEP_3__ を使用してみましょう。

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).

Automatic send app update

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

私は2番目の記事を作成しました。

クレジット

非常に感謝しますイオニックこの記事はこの記事 chat-gpt-3で書き直され、適応されました。

Capgo への App Center からの移行を続けてください。

あなたが __CAPGO_KEEP_0__ への App Center からの移行を使用している場合 Capgo への App Center からの移行 移行と企業運用の計画と接続するには Capgo Enterprise Capgo への製品ワークフロー Ionic Enterprise プラグインの代替 Ionic Enterprise プラグインの代替への製品ワークフロー Capgo の代替 Capgo の代替への製品ワークフロー Capgo のコンサルティング Capgo のコンサルティングへの製品ワークフロー、 Capgo のプレミアムサポート Capgo のプレミアムサポートへの製品ワークフロー。

Migrating from App Center to Capgo