App CenterからCapgoへの移行

移行の概要

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

注意

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

幸いなことに、移行プロセスは簡単で、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 Git リポジトリにホストされているアプリをサポートする Azure DevOps、Bitbucket、GitHub、GitLab などです。

Capgo をインストールするには CLI をインストールする必要があります

注意

コンピューターに Node と NPM がインストールされている必要があります。常に最新の LTS バージョンを使用する Capgo の古いバージョンは使用しない

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

注意

はじめる前に、最新のGitブランチで変更を推奨します。

Since Capgo capacitorを自動化するために作成されたため、capacitorアプリには必要な1つのファイルがあります。まず、ファイルを作成してください。ファイルを作成する最も簡単な方法は、次のコマンドを実行することです。 capacitor.config.json rootディレクトリで

npm install @capacitor/core

次に、CLI質問票を使用してCapacitorを初期化してください。

npx cap init

CLIはあなたのアプリ名と使用したいアプリのパッケージIDを尋ねます。

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

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

Migrate the Code

はじめての__CAPGO_KEEP_0__ はじめての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のアカウントにサインアップし、Capgoのキーを取得して、最初のバージョンをアップロードしてみましょう。まずは、Capgoのアカウントにサインアップしてください。 API Capgo.

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

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

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

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

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

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

CapacitorUpdater.notifyAppReady()

このコマンドは、ネイティブプラグインにインストールの成功を通知する

Live Updates (CodePush代替)

Live Update機能は、インストール済みの Capgo SDK をネイティブアプリケーションにリスナーとして配置し、特定のDeploy Channel Destinationにリスナーを設定することで、Webビルドをチャンネルに割り当てると、指定されたチャンネルにリスナーが設定されているユーザーのデバイスにアップデートを配信する

最初に、__CAPGO_KEEP_0__ CLOUDにログインする 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_1__

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

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

Capgoにアプリを送信した後、チャンネルを設定する必要があります。 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.

のアプリのサイズを削減できます。

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

最初に、ターミナルを開き、App Center プラグインをアンインストールしてください。 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" />

コードプッシュへの参照を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サービスへのcodeの参照をすべて削除してください。 codePush.sync();.

次のステップ

App CenterからCapgoに移行しました。Live Updatesを利用して、Capgoの機能をさらに活用してみましょう。Channel（複数環境）とオーバーライド、Cloud CLI統合、CI/CDプラットフォーム（Capgo）でGitHubアクションを使用してみましょう。

自動アプリ更新の送信

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

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

クレジット

__CAPGO_KEEP_5__に感謝しますイオニック, この記事はこの記事 Chat-GPT-3で書き直し、適応しました。

Capgo への移行

Capgoを使用している場合 Capgo への移行 __CAPGO_KEEP_0__ Enterprise Capgo Enterprise for the product workflow in Capgo Enterprise, イオニックエンタープライズプラグインの代替 Migrating from App Center to __CAPGO_KEEP_0__ Capgo の代替 Capgo の代替の製品ワークフロー Capgo コンサルティング Capgo コンサルティングの製品ワークフロー Capgo プレミアムサポート Capgo プレミアムサポートの製品ワークフロー

Capgo から App Center への移行