Dreamweaver's direct integration with PhoneGap Build to package applications is not supported in the latest update to the 2014 release Dreamweaver CC (October 2014), and later. However, you can directly access the online PhoneGap Build service and make use of the latest feature updates to package your web applications.

Using PhoneGap Build service in Dreamweaver CC (June 2014)

Create a PhoneGap Build service account

You cannot use PhoneGap Build and Dreamweaver without a PhoneGap Build service account. Accounts are free and easy to set up. To create one visit the PhoneGap Build website.

You'll need to validate the account through a confirmation email before the account becomes active.

Set up the development environment

Depending on what kinds of applications you want to package and which devices you want to test on, there are various setup tasks you need to complete before packaging your application. You may want to set up some, all, or none of the following options:

Android SDK If you want to test Android applications on your local computer using an Android emulator, you'll need to download and install the Android SDK. For instructions, see the Android documentation.

Once you've installed the Android SDK, you'll need to start the Android SDK and AVD Managers, and select the Android tools you want to work with locally on your computer. Dreamweaver uses the information you select during this initial setup to populate the Android emulator settings in the PhoneGap Build Service panel. For more information on specifying these settings, see the Android documentation.

IMPORTANT:If you want to use an Android emulator to test your application locally, you should get the emulator working the way you want it to work independently of Dreamweaver before you do your testing.

webOS SDK/PDK If you want to test webOS applications on your local computer using a webOS emulator, you'll need to download and install the webOS SDK/PDK. For instructions, see the webOS documentation.

QR (Quick Response) code readers If you want to easily transfer your packaged app to your device, you'll need a QR code reader. (When you package an application using Dreamweaver, you'll receive a QR code for the app, which will appear in the PhoneGap Build panel, once the app has been packaged.) A number of different code readers are available for free from various marketplaces. For more information, google "QR code reader".

Install the PhoneGap Build add-on

Before using the PhoneGap Build service from within Dreamweaver, you must install the PhoneGap Build add-on.

To install the add-on, go to Window > Browse Add-Ons. The Adobe Creative Cloud Add-Ons page appears. Search for the PhoneGap Build add-on and follow the on-screen instructions to install the add-on.

For the operating systems that you are targeting, enter the Key and password as required. Signing key information is required only for Android, iOS, and Blackberry.

If you are unable to build more than one application, it could be because you are not subscribed to the PhoneGap service.

Note:

If you enter incorrect information, the build fails with an error message indicating that you entered an incorrect Key or password. If you do not enter any information, iOS build fails with Signing key required error. Android and Blackberry apps are built using the debug certificates.

Notice that Dreamweaver adds a ProjectSettings file to the root of your site. (You might need to refresh the Files panel to see it.) This file is very important, as the PhoneGap Build service uses it to track your application.

Dreamweaver also adds a config.xml file to your site root. Double-click this simple XML file to open it.

Customize the identity of your application by editing the contents of this file. If you don't, all of your applications will have the same default application name.

Save the edited config.xml file, close it, and click Rebuild in the PhoneGap Service panel. As PhoneGap finishes packaging your application for each platform, you'll see messages indicating that the build is complete.

Note:

To package a build for Windows 8, you need to directly log in to https://build.phonegap.com, upload the required files, and compile the build.

By default, Dreamweaver uses PhoneGap Build version 2.9.0. If you want to use the latest version of PhoneGap Build, perform the following steps:

Remove the following line from the config.xml file at the site root folder:

<preference name="phonegap-version" value="2.9.0" />

Save the file.

Rebuild the project.

Once your builds are complete, you have a number of options. You can download the application files to your computer, scan a build's QR code to transfer the application to your device, or emulate the application using an emulator (Adroid and webOS only).

Download application files

To download an application from PhoneGap Build, click the Download Application button (downward-facing arrow) in the PhoneGap Build Service panel.

In the PhoneGap Build Service panel, click the QR code for the application you want to download.

Start the QR code reader on your mobile device and scan the QR code.

Once the application has finished downloading, you can launch it directly on your device.

Return to the build list by clicking the Back to Build Panel button.

Note:QR codes are not available for iOS applications without a signing key.

Emulate an application (Android and webOS only)

IMPORTANT: You need to have the Android SDK and/or the webOS SDK/PDK installed before proceeding. You also need to have specified any SDK/AVD information you want available locally from within the SDK applications. For more information, see Set up the Development Environment.