App CenterからCapgoに移行する

Migration Summary

Capgo is a service that helps development teams send live app to deployed apps.
Capacitor JS apps written in jQuery Mobile, Framework 7, Sencha, KendoUI, Ionic or even your own custom solution can be migrated. An existing Ionic app is not required..
Colt offers equivalent services for App Center Build (build Android/iOS apps). For Test, Diagnostics, and Analytics services.

Note

If your app is still using Cordova, it’s necessary to migrate to Capacitor first before migrating to 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 と互換性があります。ここから始めましょう.

About Capgo

Capgo は、 Capgo を管理するために使用されます。開発チームは、独自のアプリの機能に集中し、 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

注

Node と NPM がコンピューターにインストールされていることを確認してください。続行する前に必要です。常に現在の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"のディレクトリ内に期待しています。ビルドされたCapgoがディレクトリ内にない場合、Capgoの設定ファイルの値を変更してください。 dist.

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

Capgoの設定

App Structure

Capgo Configuration

あなたのアプリがCapgoに送信できる状態になっている場合 Capgo Capgoに送信するためのアプリが整ったので、Capgoに登録し、CapgoのAPIキーを取得して、最初のバージョンをアップロードする準備が整っています。まずは 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の__CAPGO_KEEP_0__をCodePushの代わりに追加する

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

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

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にプルリクエストを送信する

ビルドが存在する場合。私のモバイルサンドボックスアプリでテストすることもできます。.

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

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 値

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

App Center から code に移行しました。Live Updates を利用しています。これは、__CAPGO_KEEP_1__ を使用することの始まりです。__CAPGO_KEEP_1__ の他のサービス機能をご覧ください。チャネル (複数の環境) とオーバーライドが含まれます。Cloud __CAPGO_KEEP_2__ の統合を使用し、CI/CD プラットフォーム (例: __CAPGO_KEEP_4__ アクション、GitLab、Jenkins、など) 内で __CAPGO_KEEP_3__ を使用してください。 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).

App Center から Capgo に移行しました。Live Updates を利用しています。これは、Capacitor を使用することの始まりです。Capacitor の他のサービス機能をご覧ください。チャネル (複数の環境) とオーバーライドが含まれます。Cloudflare の統合を使用し、CI/CD プラットフォーム (例: GitHub Actions、GitLab、Jenkins、など) 内で Capacitor を使用してください。

あなたの code が GitHub でホストされている場合、 GitHub アクションのおかげで、自動ビルドとリリースを設定するにはさらに数ステップしかかかりません。

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

クレジット

多くのお礼を __CAPGO_KEEP_0__ に。 __CAPGO_KEEP_1__この記事は __CAPGO_KEEP_2__ の __CAPGO_KEEP_0__ への移行に関する記事を元に、Chat-GPT-3 で書き直し、適応させました。 __CAPGO_KEEP_0__ への移行から続けてください。あなたが __CAPGO_KEEP_0__ への移行を使用している場合

Capgo への移行

__CAPGO_KEEP_0__ への移行とエンタープライズオペレーションの計画と接続 Capgo __CAPGO_KEEP_1__ Capgo Enterprise Capgo への製品フロー Ionic Enterprise プラグインの代替 Ionic Enterprise プラグインの代替への製品フロー Capgo の代替 Capgo の代替への製品フロー Capgo のコンサルティング Capgo のコンサルティングへの製品フロー Capgo のプレミアムサポート Capgo のプレミアムサポートへの製品フロー

Migrating from App Center to Capgo