App CenterからCapgoに移行する

移行の概要

Capgo __CAPGO_KEEP_0__ は、開発チームが展開済みアプリにライブアプリを送信するのに役立つサービスです。
Capacitor は、jQuery Mobile、Framework 7、Sencha、KendoUI、Ionic、または独自のカスタムソリューションで書かれた JS アプリを含む、さまざまな種類のアプリを移行できます。 既存のIonicアプリが必要ありません。.
Colt App Center Build (Android/iOSアプリのビルド)の代替サービスを提供します。Test、Diagnostics、Analyticsサービスも提供します。

注意

あなたのアプリがまだCordovaを使用している場合、__CAPGO_KEEP_0__に移行する必要があります。まずCapacitorに移行する必要があります。 Capgoは、IonicチームによってCordovaの精神的な後継者として開発されました。Capgoは、ネイティブのツールと機能に近づけることで、より良いユーザー体験とパフォーマンスを提供することを目指しています。

Capacitorへの移行プロセスは簡単で、Cordovaプラグインの多くはCapacitorと互換性があります。

Fortunately, the migration process is easy and the majority of Cordova plugins are backward compatible with Capacitor. __CAPGO_KEEP_0__について.

Capgoは、時期の変化に伴ってアプリを更新します。開発チームは、アプリのユニークな機能に集中し、複雑なアプリ配信プロセスを__CAPGO_KEEP_1__に委託することができます。

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 の前提条件

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

Capgo を CLI でインストールします

注意

Node と NPM がコンピューターにインストールされていることを確認してください。続行する前に必要です。常に最新の LTS バージョンを使用し、NPM の古いバージョンは使用しないでください。作成および Capgo の設定ファイル

__CAPGO_KEEP_0__ `package.json` and Capacitor config files

注意

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

Since Capgo capacitorは自動化された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

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.

Capgo

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

Migrate the Code

Capgo Capgo ファイルが置かれている場所に注目して、実際のアプリに焦点を当てましょう。 Capgo __CAPGO_KEEP_0__が、ビルドした全アプリをディレクトリ名が"__CAPGO_KEEP_0__"のディレクトリ内に期待していることを意味します。 dist.

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

アプリ構造

__CAPGO_KEEP_0__の設定

Capgoの統合が完了したら、アプリをアップロードするためにCapgoのキーを取得するために、サインアップしてください。

サインアップして__CAPGO_KEEP_0__のアカウントを作成し、__CAPGO_KEEP_0__のキーを取得して、アプリの最初のバージョンをアップロードしてください。アプリがCapgoの統合に適うようになったら、Capgoのキーを取得するためにサインアップしてください。サインアップしてAPIのアカウントを作成し、APIのキーを取得して、アプリの最初のバージョンをアップロードしてください。サインアップしてCapgoのアカウントを作成し、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()

プラグインがインストールされたことをnativeに通知する。

Live Updates (CodePush代替)

Live Update機能は、nativeアプリケーションにインストールされた Capgo SDK を使用して、特定のDeploy Channel Destinationにリスナーを設定する。チャネルへのWebビルドが割り当てられた場合、そのアップデートは、指定されたチャネルにリスナーを設定しているユーザーのデバイスに配信される。

最初に、 all APIキー CLIでログインするために使用するアカウント内に存在します。

npx @capgo/cli@latest login YOURKEY

最初のアプリを追加する

Capgo CloudでCLIを使用して最初のアプリを作成しましょう。

npx @capgo/cli@latest app add

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

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

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

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

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

__CAPGO_KEEP_0__ Capgo __CAPGO_KEEP_0__

それでもテストすることができます。モバイルサンドボックスアプリ.

デフォルトのチャンネルを設定

Capgoにアプリを送信した後、チャンネルを設定する必要があります。 default 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 デバイスまたはエミュレータでアプリを実行するには、デバイスまたはエミュレータに接続されたコンピューターでアプリを実行する必要があります。

デバイスまたはエミュレータでアプリを実行するには、次のコマンドを実行してください。

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

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 App Center プラグインをアンインストールするには、以下の値を削除する必要があります。値は以下のようになります。 preference App Center アナリティクスを使用していた場合、以下の要素を削除してください。

    <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" />

要素: 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" />

CSP における CodePush の参照を削除する 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 のサービスへの code の参照をすべて削除する codePush.sync();.

次のステップ

App Center から Capgo に移行しました。Live Updates を利用して、Capgo の機能をさらに活用しましょう。CLI の機能をすべて利用しましょう。チャンネル (複数の環境) とオーバーライド、Cloud Capgo の統合、CI/CD プラットフォーム ( GitHub アクション、GitLab、Jenkins、など) 内で __CAPGO_KEEP_5__ を使用しましょう。

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

あなたの code が GitHub にホストされている場合、GitHub アクションを利用して、自動ビルドとリリースを設定できます。

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

クレジット

__CAPGO_KEEP_6__ に感謝しますイオニック, この記事はこの記事 __CAPGO_KEEP_0__ を使って chat-gpt-3 で書き直し、適応しました。

App Center から Capgo への移行