Adobe PhoneGap Build の設定 configure-your-adobe-phonegap-build-cloud-service

NOTE
単一ページアプリケーションフレームワークを基にしたクライアントサイドレンダリング(React など)が必要なプロジェクトでは、SPA エディターを使用することをお勧めします。詳細情報

アプリケーションダッシュボードの 0}PhoneGap Buildタイル } を使用すると、Adobe PhoneGap Build サービスを通じて PhoneGap モバイルアプリケーションを作成および配布できます。

アプリを管理 タイル内で定義されたサポートされるすべてのプラットフォームは、PhoneGap Build タイルでリモートビルドをプッシュする際にPhoneGap Buildでビルドされます。

リモートビルドをプッシュしてソースを https://build.phonegap.com またはダウンロードし、https://docs.phonegap.com/references/phonegap-cli/ で PhoneGap CLI を使用してローカルにビルドできます。

PhoneGap Build タイル

Cloud Serviceの設定 configuring-the-cloud-service

PhoneGap Buildを利用するには、PhoneGap Buildアカウント情報を使用してAEM PhoneGap BuildCloud Serviceを設定する必要があります。

現在アカウントをお持ちでない場合は、https://build.phonegap.com に移動して新規登録してください。 Adobe Creative Cloud メンバーシップをお持ちの場合、最大 25 個のプライベートアプリ(非オープンソースアプリ)をサポートしている場合があります。

PhoneGap Buildアカウントがアクティブであることを確認したら、AEM Cloud Management Console、特に PhoneGap BuildCloud Service (http://localhost:4502/etc/cloudservices/phonegap-build.html)に移動します。

設定を管理 タイルを使用して、新しいクラウドサービスCloud Serviceを設定します。

Cloud Serviceを管理タイルの使用 using-manage-cloud-services-tile

PhoneGap Build タイルを使用してアプリのビルドを開始する前に、AEM Mobile ダッシュボードから 設定の管理 タイルを使用して、クラウドサービスをCloud Serviceする必要があります。

アプリにクラウドサービスを設定するには、次の手順に従います。

  1. Cloud Serviceを管理 タイルの右上隅をクリックします。

    chlimage_1-61

  2. Cloud Serviceを追加または編集 画面から「PhoneGap Build」オプションを選択します。

    次へ」をクリックします。

    chlimage_1-62

  3. クラウド設定を作成できるように、資格情報を入力します。

    検証が完了したら、「送信」をクリックします。 この設定済みのクラウドCloud Serviceが 設定を管理 タイルに表示されるようになりました。

    chlimage_1-63

PhoneGap Buildを使用したアプリケーションの構築 building-your-application-with-phonegap-build

クラウドサービスを設定したら、PhoneGap Build タイルを使用してアプリケーションを構築できます。 右上隅をクリックして、「リモートをビルド または Sourceをダウンロード オプションから選択 ます。

chlimage_1-64

Adobe PhoneGap Buildでリモートビルドを呼び出すには、「リモートをビルド」をクリックします。

NOTE
何らかの理由でビルドが失敗した場合(以下の赤いiOS アイコンは、Platform が失敗したことを示します)、アイコンの上にマウスポインターを置くと、エラーメッセージが表示されます。 または、タイルの下部にあるトリプルドット「。…」をクリックして、https://build.phonegap.com (認証する必要があります)に直接移動し、ビルドを直接監視および管理することもできます。

PhoneGap CLI によるアプリケーションの構築 building-your-application-with-phonegap-cli

PhoneGap は、アプリケーションをローカルに構築するためのコマンドラインインターフェイスを提供します。

PhoneGap コマンドラインインターフェイス(CLI)を使用して、コンピューター上で PhoneGap アプリケーションをコンパイルします。 AEM コンテンツをアプリケーションに含めるには、AEMがモバイルアプリケーションのコンテンツ、コンテンツ同期設定、その他の必要なアセットを含む ZIP ファイルを作成します。 ZIP ファイルをダウンロードし、ビルドに含めます。

PhoneGap の CLI を活用するには、次の機能を含むローカル環境を設定する必要があります。

  1. Platform SDK (iOS、Android™、WindowsPhone など)と、
  2. PhoneGap CLI

詳しくは、https://docs.phonegap.com/references/phonegap-cli/ を参照してください。

前提条件をインストールしたら、簡単なアプリを作成し、シミュレーターまたはデバイスで実行することで、簡単なテストを実施します。ターミナルの try:

phonegap create myApp
cd myApp
phonegap run ios (or android, ...)
NOTE
追加 – 接続されたデバイスで実行しない場合は、この行の最後でエミュレートします。

上記が機能することを確認したら、PhoneGap Build タイルを使用して Sourceをダウンロード します。 ファイルをローカルシステムに保存して解凍します。 完了したら、次の操作を行います。

  • その保存されたファイル(フォルダー)に移動します
  • 「phonegap run ios」(または android など)を実行します。

その他のリソース additional-resources

作成者と開発者の役割と責任については、以下のリソースを参照してください。

recommendation-more-help
2eeeb575-8007-40cc-a72d-206fbc4ddd4b