Configure your Adobe PhoneGap Build Cloud Service configure-your-adobe-phonegap-build-cloud-service

The PhoneGap Build Tile on the application dashboard provides the ability to build and distribute your PhoneGap mobile application through the Adobe PhoneGap Build Service.

All supported platforms defined within the Manage App tile will be built with PhoneGap Build when pushing a remote build with the PhoneGap Build Tile.

You can push a remote build to https://build.phonegap.com or download the source to build locally with PhoneGap CLI.

Configuring the Cloud Service configuring-the-cloud-service

In order to take advantage of PhoneGap Build you need to configure the AEM PhoneGap Build Cloud Service with your PhoneGap Build account information.

If you don’t currently have an account, navigate to https://build.phonegap.com and sign up! If you have an Adobe Creative Cloud membership, you may have support for up to 25 private apps (non-open source apps).

Once you have verified your PhoneGap Build account is active, navigate to your AEM Cloud Management Console, specifically the PhoneGap Build Cloud Service (http://localhost:4502/etc/cloudservices/phonegap-build.html).

Use the Manage Cloud Services tile to configure a new cloud service configuration.

Using Manage Cloud Services tile using-manage-cloud-services-tile

Before starting to build your app using PhoneGap Build tile, you must configure your cloud services, using the Manage Cloud Services tile from the AEM Mobile dashboard.

To configure cloud services for your app, follow the steps below:

Building your Application with PhoneGap Build building-your-application-with-phonegap-build

Once you have configured the cloud services, you can build your application with PhoneGap Build tile. Click on the top right corner to choose from the Build Remote or Download Source options.

To invoke a remote build with Adobe PhoneGap Build, click Build Remote.

Building your application with PhoneGap CLI building-your-application-with-phonegap-cli

PhoneGap provides a command line interface to build your application locally.

Compile the PhoneGap application on your computer using the PhoneGap Command line Interface (CLI). To include the AEM content into your application, AEM creates a ZIP file that contains the content of your mobile application, Content Sync configurations, and other required assets. Download the ZIP file and include it in your build.

In order to take advantage of PhoneGap’s command line interface, you will need to set up your local environment to include:

You can read more here.

Once you have installed the pre-requisites, give it a simple test by creating a simple app and getting it running either in your simulator or better yet on your device, from a terminal try:

phonegap create myApp
cd myApp
phonegap run ios (or android, ...)

Once you have verified that the above works, use the PhoneGap Build Tile to Download Source. Save and unzip the file onto your local system. Once that is done:

Additional Resources additional-resources

To learn about the roles and responsibilities of an Author and Developer, see the resources below: