App CenterからCapgoに移行する

Migisho no Gaiyō

Capgo __CAPGO_KEEP_0__
Capacitor JS apps written in jQuery Mobile, Framework 7, Sencha, KendoUI, Ionic or even your own custom solution can be migrated. __CAPGO_KEEP_0__.
__CAPGO_KEEP_0__ Colt

__CAPGO_KEEP_0__

__CAPGO_KEEP_0__ migrate to Capacitor 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 fills in the gaps between web delivery and mobile.

Capgo Prerequisites

App Center と同様に Capgo Capgo は、Azure DevOps、Bitbucket、 GitHub、GitLab などの Git リポジトリにホストされているアプリをサポートします。

Install Capgo CLI

注

Have Node and NPM installed on your computer, you need before proceeding. Always use the 現在の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つのファイルがあれば、あなたのアプリにはない可能性があります。まず、ファイルを作成してください。アプリのルートディレクトリで実行することで、ファイルを作成するのが簡単です:

npm install @capacitor/core

次に、Capacitor を使用して、CLI の質問状を実行してください:

npx cap init

CLI はあなたにいくつかの質問をしてきます。アプリ名と、使用したいパッケージIDから始まります。

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

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

CapgoをCodeに移行する

新しい必要なファイルを取得したので、実際のアプリケーションに焦点を当ててください。 Capgo ファイルが置かれているので、実際のアプリケーションに焦点を当ててください。 Capgo Capgoの__CAPGO_KEEP_0__がディレクトリ内にない場合、Capgoの__CAPGO_KEEP_0__の設定ファイルでこの値を変更してください。 dist.

Capgoのcodeの設定ファイル dist directory, change this value in the Capacitor config file.

Capgoの__CAPGO_KEEP_0__の設定

CapgoのCapgoの設定

あなたのアプリがCapgoに提出する準備ができた Capgo integration, it’s time to sign up, and get your API key to upload your first version! Begin by Capgo.

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.

Install the 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アプリに代わりにCodePushを追加する

Capgoの__CAPGO_KEEP_0__

ライブアップデートのデプロイ (CodePush代替) Capgo SDK nativeアプリケーション内で特定のデプロイチャンネル宛先をリスンするように設定します。ウェブビルドがチャンネル宛先に割り当てられた場合、そのアップデートは、指定されたチャンネル宛先をリスンする設定で構成されたユーザー機器にデプロイされます。

最初に、次のコマンドを使用します。 all apikey CLIにログインするために使用するアカウント内のapikeyを使用します。

npx @capgo/cli@latest login YOURKEY

最初のアプリを追加

CapgoクラウドにCLIでアプリを作成しましょう。

npx @capgo/cli@latest app add

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

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

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

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

主のJavaScriptファイルにこの設定を追加する

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

CapacitorUpdater.notifyAppReady()

すると npm run build && npx cap copy を更新してください。

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

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

npx cap run [ios | android]

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

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

App Centerの依存関係を削除する

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 __CAPGO_KEEP_0__

    <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 の機能をさらに活用しましょう。CAPGO_KEEP_2 の機能をすべて利用しましょう。チャンネル (複数の環境) とオーバーライド機能、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).

context

If your code is hosted on GitHub, you can set up automatic build and release in a few more steps, thanks to GitHub actions.

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

クレジット

Capgoに感謝する Ionicこの記事は、この記事を参考にしています。この記事はChat-GPT-3で書き直され、適応されました。 CapgoからApp Centerへの移行を続けてください。

Keep going from Migrating from App Center to Capgo

CapgoからApp Centerへの移行を使用して、移行計画とエンタープライズオペレーションを計画するには、接続してください。 Migrating from App Center to Capgo Cloudflare Capgo Enterprise Capgo Enterprise イオニックエンタープライズプラグインの代替イオニックエンタープライズプラグインの代替 Capgo の代替 Capgo の代替 Capgo のコンサルティング Capgo のコンサルティング Capgo のプレミアムサポート Capgo のプレミアムサポート

Capgo中学得帮