Building PhoneGap Applications With Dreamweaver

Update (3/28/2012): 

Hi Everyone, I know there have been lots of questions about PhoneGap + Android SDK, and lots of headaches because Google’s Android SDK keeps changing and breaking the Dreamweaver integration. Fret not! There is an easier way — Adobe has released a plugin to integrate Dreamweaver with PhoneGap Build. With this plugin, you build your experience in Dreamweaver, then push to the PhoneGap Build service for cloud-based compilation of device-specific binaries. Read more about this plugin here: http://blogs.adobe.com/dreamweaver/2012/04/phonegap-build-extension-for-dreamweaver-cs5-5.html


Original Post:

PhoneGap apps are built with HTML and JavaScript, and can be created with any IDE or text editor. You can build them in xCode or Eclipse. Did you also know that you can build PhoneGap apps within Dreamweaver, and you can even launch and debug on the iOS Simulator and Android Emulator all from within Dreamweaver?

Here’s a video of this in action from Adobe TV. After the video, we’ll walk through this process step by step.

In order to use the iOS simulator and Android emulator, you’ll need to download and install xCode and the Android SDK.   Once you’ve downloaded those, let’s focus on setting up your project within Dreamweaver.

The first thing that you need to do is create a new “site” within Dreamweaver for your PhoneGap application.  Go to the “Site” menu, and select “New Site…”.

The site setup/details dialog will be displayed.   Go ahead and give it a name and directory to contain project files and resources.

Next, we need to create the main application file.  Within Dreamweaver, go to “File”, and select “New…”.  Then select the “Page from Sample” option, sample folder “Mobile Starters”, then select the page template for “jQuery Mobile (PhoneGap)” and click “Create”.

This will create a new HTML file for the mobile project.  Go ahead and save the file you just created.   The first time this file is saved, you will be prompted to copy dependent files.  Click “Copy” to copy the dependent files into your application “site”.

Once in Dreamweaver, you can edit the HTML and JavaScript to your heart’s content.   You can take full advantage of Dreamweaver’s code view or design view, live previews, and any other features.

Once you are ready to build and deploy to the android and iOS simulators, you’ll need to setup the mobile development configuration.   First, we’ll need to configure the application frameworks.   Within Dreamweaver, go to the “Site” menu, select “Mobile Applications”, then select “Configure Application Framework”.

The “Configure Application Framework” dialog will be displayed.   Here, you’ll need to enter the full path to your Android SDK, and the path to the iOS Developer tools (xCode).

Once you have the application frameworks configured, you’ll need to configure your application’s settings.    Go to the “Site” menu, select “Mobile Applications”, then select “Application Settings…”.

Within the “Native Application Settings” dialog, you’ll need to specify your application bundle id (the unique id for the application), an application name, the author, version, and application icons.   You can also select iOS SDK versions, and which Android emulator to use.

Once you’ve configured the application settings and application frameworks, you are ready to build your app and run in the emulators.   Just go to the “Site” menu, select “Mobile Applications”, select “Build and Emulate”, then choose a device or platform.

Once you chose a platform or device, Dreamweaver will go ahead and launch the appropriate emulator or simulator, and launch the application.

If you run into issues with the Android SDK, first make sure that you are using the latest Dreamweaver SDK following the instructions at http://blog.assortedgarbage.com/2011/05/resolving-android-sdk-failed-to-install-with-dreamweaver-cs5-5/

If you still have issues with deploying to Android and see the error message below in the build log, then you are probably using the latest Android SDK that was recently released in October.

Install file not specified.

 'ant install' now requires the build target to be specified as well.

     ant debug install
     ant release install
     ant instrument install
 This will build the given package and install it.

 Alternatively, you can use
     ant installd
     ant installr
     ant installi
     ant installt
 to only install an existing package (this will not rebuild the package.)

The latest Android SDK introduced an additional parameter that is not yet supported by the PhoneGap integration kit within Dreamweaver. You can fix this by updating the build.xml file for the application instance to override the “install” target and add the required dependencies which make this error go away.

Go to you application build director and open the “build.xml” file. This will be inside a folder named after the bundle_ID within your target directory. You can find the target directory within the “Application Settings” dialog, as shown below:

In my case, the build directory is /Users.triceam/Destkop/com.company.phonegapsample_Android

Find the “import” node below (at the end of the file):

<import file="${sdk.dir}/tools/ant/build.xml" />

Add to this line the attribute ‘as=”imported”‘ and a new “install” target that will override the existing “install” target as shown below. This build target will utilize the existing “install” target, and add necessary debug file dependencies to fix the build error shown above.

<import file="${sdk.dir}/tools/ant/build.xml" as="imported" />
<!-- Override the target to add the dependency -->
<target name="install"
   depends="-set-debug-files,imported.install"  />

Not only is Dreamweaver CS5.5 a best-of-breed solution for building web content, with PhoneGap support, Dreamweaver is now a best-of-breed solution for building cross-platform mobile applications as well. Using the PhoneGap integration within Dreamweaver allows you to use familiar tools, familiar development processes, and your current web development skills to build exciting new mobile applications. This enables you, as the developer or designer to focus on what matters – the application or content within your mobile scenarios.

  • http://www.navtrak.net Tony Weeg

    cannot wait to try this… thanks for the tip andrew!

  • Bill Horvath

    I’ve been Googling like crazy to find the answer to this ‘ant install now requires…” problem. This fixed it. I can’t thank you enough, Andrew!

    • http://www.tricedesigns.com Andrew

      Glad to help!

  • Derrill

    I keep getting the same error when attempting to install Android SDK:

    “The Android SDK failed to install. Please select another folder and try again.”

    I am using a Mac 10.6.8 and Dreamweaver 11.5 Build 5344.

    • http://www.tricedesigns.com Andrew

      Is this from the “easy install” button? Try downloading the SDK manually from https://developer.android.com/index.html I know that, in the past, the “easy button” installation has been broken by changes from Google’s download site.

  • Derrill

    Yes, I am attempting to use the “Easy Install” button in Dreamweaver via Site->Mobile Applications->Configure Application Framework.

    OK, will attempt the manual method now as per your suggestion.

    Thanks for your feedback!

  • Derrill

    In the “Native Application Settings” dialog, under “Select Target OS Version”, the only option available is DW_AVD, even though I included all versions during the manual download of the SDK. What did I do wrong?

    Also, after applying the build.xml coding fix and clicking “Build and Emulate” I get the error: “more than one device and emulator”.

  • Dipo

    I cant see “Mobile Starters” under “page from Sampples” in my Dreamweaver installation. what is wrong? Win7 CS5 (version 11 build 4909)
    Is there something i have to do before that?

    • http://www.tricedesigns.com Andrew

      The PhoneGap integration is built into Dreamweaver CS5.5, sorry, it is not available in CS5.

  • http://sanpablowebsolutions.com Michael Noeldner

    Why not just download an older version of Android SDK. What I need to know is what is the last Android SDK that worked with Dreamweaver CS5.5.

  • http://www.luigiclaudio.com Luigi Claudio

    Thanks Andrew.
    I was getting the same error in the build log due to the latest Android SDK and PhoneGap.

    I was installing the .apk file with command line, updating the build.xml file for the application instance fixed it! #ace!
    Now DW launches the build in the AVD emulator straight away!

    Many thanks

  • Stutts

    I’m having the ant Install issue and have tried, repeatedly, changing the text in the build.xml (using Dreamweaver, Aptana, etc). ANY time I made a change, the app refused to build OR install, where prior to (and after removing) at least the app would “build” the .apk file.

    I may be missing something simple here.

    Help?

  • Stutts

    Ignore my comments from Nov 16th. It is necessary to delete all the files from the “failed” run in the bin folder before running the build a second time.

    Your work worked beautifully. Thanks!

  • http://www.samfarmer.com Sam Farmer

    Andrew:

    Great tutorial. I build an apk but it appears to be a debug version. Do you know how to make it a “real” version? Be handy once I’ve made it bug free!

    • http://www.tricedesigns.com Andrew

      You might be able to simply change the ant build file to include the release dependencies, instead of the debug dependencies. Otherwise, an easy solution would be to use http://build.phonegap.com to upload your app, and it will provide you with platform-specific binaries.

  • http://420.co 420 Colorado

    Build and Emulate and also Build never worked again in Dreamweaver CS5.5 after upgrading to iOS5. Surprised PhoneGap and Dreamweaver have let this go so long. I get BuildAnt errors and other errors.

    • http://www.tricedesigns.com Andrew

      Adobe is working to remedy these issues. The problem is that Apple/Google changed their programming tools. This causes scripts within Dreamweaver to break, since the API and commands have changed.

  • http://420.co 420 Colorado

    I’ve been getting this error for at least 2 months. I’m not even doing anything with camera:

    /DW_NAF/PhoneGapLib/Classes/Camera.m:178:13: error: type of property ‘returnType’ (‘unsigned int’) does not match type of ivar ‘returnType’ (‘enum DestinationType’) [3]
    @synthesize returnType;
    ^
    /Users/TuTone/Documents/DW_NAF/PhoneGapLib/Classes/Camera.h:25:23: note: ivar is declared here [3]
    enum DestinationType returnType;

  • http://420.co 420 Colorado

    Yes I have the latest PhoneGap download, 1.2 and have the PhoneGapLib pasted into the ios folder in Applications/Dreamweaver…. I’ve been looking for an answer for this for a long time, will head to your suggest Google Group now.

  • http://pdu.vn Anh

    Other ways to debug the boot
    Step1: You can run emulator android apps. it well error
    Step2: You keep you keep running the emulator, then again you debug
    I also encountered this error and now understand that to debug.
    wish you success

  • Bruce

    Did the change to Build. It worked, but after the first time it won’t rebuild updated app.?
    Any answers.

    Thanks

    • http://www.tricedesigns.com Andrew

      What do you mean “it won’t rebuild”? Do you get an error message? What if you kill/restart the emulator?

  • Bruce

    Wow thanks for the reply

    I kind of new at this, but DW makes it pretty easy to make a simple app. Anyway, I started making the app and did the first build Android.
    Then applied your fix, then built and emulated.
    Worked fine. then I built some more,built and emulated. It did not make the changes in the next emulation. In order for DW to build and keep the changes I have to delete the “com.thecranestore.cranerigging_Android” folder and start again.

    Thanks for the help

    • http://www.tricedesigns.com Andrew

      I haven’t run into this, but you can likely add the folder deletion step to the ANT build script to automate this.
      <delete includeEmptyDirs=”true”>
      <fileset dir=”build”/>
      </delete>
      http://ant.apache.org/manual/Tasks/delete.html

  • Viraj Zaveri

    Thanks a lot, I was looking for this for a long time. You saved quite of my efforts.

    Thanks Again.

    Just a question?
    Is anyone there facing problem for starting emulator for API 14.

  • Bruce


    <!–

    /* This is typically used for code obfuscation.
    Compiled code location: ${out.classes.absolute.dir}
    If this is not done in place, override ${out.dex.input.absolute.dir} */

    –>

    <!– Import the actual build file.

    To customize existing targets, there are two options:
    – Customize only one target:
    – copy/paste the target into this file, *before* the
    task.
    – customize it to your needs.
    – Customize the whole content of build.xml
    – copy/paste the content of the rules files (minus the top node)
    into this file, replacing the task.
    – customize to your needs.

    ***********************
    ****** IMPORTANT ******
    ***********************
    In all cases you must update the value of version-tag below to read ‘custom’ instead of an integer,
    in order to avoid having your file be overridden by tools such as “android update project”
    –>

  • Bruce

    I quess i can’t send the code.
    Oh well

  • Bruce

    I tried to show you the code in the build.xml
    I guess it’s to big.

    Where do I put this? I know you said the ANT build, but where in it.

  • diego ramirez

    Thanks Andrew, this helped me a lot.

  • Mike

    Andrew you are a wizard!

  • http://empresores.com MAxi

    Hi, thanks!!! I’ve trying to deploy into the emulator from DW for hours, until i found your remedy into the build.xml. You have helped a lot! Great work

  • Chandrika

    Much appreciated that you posted detailed solution here, it helped so much. I thought I was going to have to have to use Eclipse only, to run builds in the emulator, until I found your post, thanks very much for fixing the prolem i was having today!

  • Steve B

    Andrew, Complete newbie here, and have the same problem as Bruce on 21 Dec.

    After making changes in DW, those changes do not appear in the emulator. Have tried re-booting emulator to fix but found deleting the build folder completely, and re-building my only remedy.

    You suggest adding the following to the ANT build script:

    Where exactly do I put this? In Build.xml file? Or other location…please specify.

    Thank You

  • Michael

    I wanted to add to this forum because this process is challenging. Honestly I found that using Buzztouch and Eclipse worked well for basic Android App building. If you are very new at this I would suggest giving their solution a try. They have many tutorials and the forum is very helpful.

    So why am I using DW? I’m questioning that now. I thought it would provide additional flexibility. Maybe.

    For Dreamweaver, I was able to get the Android emulator to load my application. The trick for me was to click build and emulate a second time after the failed build and emulate, without closing the emulator.

    I’ve also encountered the issue that Bruce mentioned. After making changes to a project and building, the emulator does not reflect the changes.

    I’m a bit amazed that Adobe is as buggy as this.

    • http://www.tricedesigns.com Andrew

      The bugs are actually due to changes in the Android API. Dreamweaver was built against a particular Android SDK, which has changed since Dreamweaver’s release.

  • Michael

    Andrew, I failed to say thank you for your tutorial. It helped me even get the emulator going.

    The emulator now seems to be updating when changes are made.

    I still feel BuzzTouch may be a better solution for the non-developer crowd. Just an opinion.

    • http://www.tricedesigns.com Andrew

      You’re welcome. Glad to help!

  • Bruce

    Hi Guys
    Thanks for the help also. I’m using a IMAC
    to make ios and android versions of the same app. The ios side seems to work fine except the app will not rotate on iphone sim,
    but will on ipad sim.? There are still some quirks to work out. But thanks anyway.

    Bruce

  • Bruce

    How do I put my app on my droid 3. It did it one time all by itself, then i deleted it because
    of changes and now i can’t get it on again.

    Thanks

  • Ceaser Mwau

    Akhsante!!! Thank you…….

  • http://radicallyambitious.com Brett Burky

    ANDREW!!!!!!!!! You are the man. Oh my gosh I have been searching for hours trying to figure this out. Even create a whole new site just to see if something in my code was wrong. This simple fix did it!!!!

    KUDOSSSSSSSSSSS

  • Marty

    I am getting the same errors I’ve seen others getting in this thread, but nothing has helped. Dreamweaver is unable to open “the program name” in the emulator please consult the build log …

    It actually does the build and then launches the emulator.

    I’m using a trial Dreamweaver to see if this is the way I want to go for a platform. I noticed I don’t have an iphone in the Mobile Application site configuration … so maybe the trial software is old. I did update the software to try and fix the Easy install button. The easy button didn’t work not that the problems are related. So I manually installed the sdk to get the build with phonegap working.

    DW>
    ____________________
    set ANT_HOME=C:\PROGRA~2\Adobe\ADOBED~2.5\CONFIG~1\NATIVE~1\APACHE~1
    set ANDROID_HOME=C:\PROGRA~2\Android\ANDROI~1
    set JAVA_HOME=C:\PROGRA~2\Adobe\ADOBED~2.5\JDK
    set PATH=%JAVA_HOME%\bin;%PATH%
    cd C:\PROGRA~2\Android\ANDROI~1\PLATFO~2
    C:\PROGRA~2\Android\ANDROI~1\PLATFO~2\adb.exe kill-server
    ____________________

    Waiting for Android emulator to bootERROR: failed to launch Android emulator

    ____________________
    set ANT_HOME=C:\PROGRA~2\Adobe\ADOBED~2.5\CONFIG~1\NATIVE~1\APACHE~1
    set ANDROID_HOME=C:\PROGRA~2\Android\ANDROI~1
    set JAVA_HOME=C:\PROGRA~2\Adobe\ADOBED~2.5\JDK
    set PATH=%JAVA_HOME%\bin;%PATH%
    cd C:\PROGRA~2\Android\ANDROI~1\PLATFO~2
    C:\PROGRA~2\Android\ANDROI~1\PLATFO~2\adb.exe devices
    ____________________

    * daemon not running. starting it now on port 5037 *

    * daemon started successfully *

    List of devices attached

    Launching the Android emulator

    ____________________
    set ANT_HOME=C:\PROGRA~2\Adobe\ADOBED~2.5\CONFIG~1\NATIVE~1\APACHE~1
    set ANDROID_HOME=C:\PROGRA~2\Android\ANDROI~1
    set JAVA_HOME=C:\PROGRA~2\Adobe\ADOBED~2.5\JDK
    set PATH=%JAVA_HOME%\bin;%PATH%
    cd C:\PROGRA~2\Android\ANDROI~1\tools
    C:\windows\SysWOW64\cmd.exe /u /c “C:\PROGRA~2\Android\ANDROI~1\tools\emulator.exe -partition-size 1024 -cpu-delay 0 -no-boot-anim -avd DW_AVD”
    ____________________

    WARNING: no icon was specified in app settings. using default.
    WARNING: no splash screen was specified in app settings. using default.

    ____________________
    set ANT_HOME=C:\PROGRA~2\Adobe\ADOBED~2.5\CONFIG~1\NATIVE~1\APACHE~1
    set ANDROID_HOME=C:\PROGRA~2\Android\ANDROI~1
    set JAVA_HOME=C:\PROGRA~2\Adobe\ADOBED~2.5\JDK
    set PATH=%JAVA_HOME%\bin;%PATH%
    cd C:\Users\Matha\Desktop\COMWHA~1.MOB
    C:\windows\SysWOW64\cmd.exe /u /c C:\PROGRA~2\Adobe\ADOBED~2.5\CONFIG~1\NATIVE~1\APACHE~1\bin\ant.bat debug
    ____________________

    Ideas?

  • Steve761

    Hi,
    The as imported” hack doesn’t fix my emulator problem. And I have the same problem like derrill: Only one Android Selection Target OS Version” but I had installed many. The only option available is DW_AVD. I have no more idea. What should I do?

    DW (latest) 11.5 Build 5344, Phonegap 1.4.1, the package building works but not working on real devices.

  • steve761

    Maybe helps the build.log. I am wondering about the path to NativeAppFramework. Why Slah, backslash wit blanks. It is normal?
    ____________________
    cd /Users/…user…/Desktop
    /Applications/Adobe\ Dreamweaver\ CS5.5/Configuration/NativeAppFramework/DWPhoneGap/android/scripts/droidGap.sh /Applications/Adobe\ Dreamweaver\ CS5.5/Configuration/NativeAppFramework/DWPhoneGap/android/PhoneGapApp ‘jqm1′ com.fs.jqm1 1.0 /android-sdk-macosx 2
    ____________________

    /Users/…user…/Desktop/com.fs.jqm1
    Created project directory: /Users/…user…/Desktop/com.fs.jqm1
    Created directory /Users/…user…/Desktop/com.fs.jqm1/src/com/fs/jqm1
    Added file /Users/…user…/Desktop/com.fs.jqm1/src/com/fs/jqm1/DefaultActivity.java
    Created directory /Users/…user…/Desktop/com.fs.jqm1/res
    Created directory /Users/…user…/Desktop/com.fs.jqm1/bin
    Created directory /Users/…user…/Desktop/com.fs.jqm1/libs
    Created directory /Users/…user…/Desktop/com.fs.jqm1/res/values
    Added file /Users/…user…/Desktop/com.fs.jqm1/res/values/strings.xml
    Created directory /Users/…user…/Desktop/com.fs.jqm1/res/layout
    Added file /Users/…user…/Desktop/com.fs.jqm1/res/layout/main.xml
    Added file /Users/…user…/Desktop/com.fs.jqm1/AndroidManifest.xml
    Added file /Users/…user…/Desktop/com.fs.jqm1/build.xml
    Added file /Users/…user…/Desktop/com.fs.jqm1/proguard.cfg
    CLONE SUCCESSFUL
    operation completed
    emptySelectCount = 11
    readCount = 16
    WARNING: no icon was specified in app settings. using default.
    WARNING: no splash screen was specified in app settings. using default.

    building jqm1 for Android.

    ____________________
    cd /Users/…user…/Desktop/com.fs.jqm1_Android/
    /Applications/Adobe\ Dreamweaver\ CS5.5/Configuration/NativeAppFramework/apache-ant/bin/ant debug 2>&1
    ____________________

    Buildfile: /Users/…user…/Desktop/com.fs.jqm1_Android/build.xml

    -set-mode-check:

    -set-debug-files:

    -set-debug-mode:

    -debug-obfuscation-check:

    -setup:
    [echo] Gathering info for jqm1…
    [setup] Android SDK Tools Revision 16
    [setup] Project Target: Google APIs
    [setup] Vendor: Google Inc.
    [setup] Platform Version: 2.2
    [setup] API level: 8
    [setup]
    [setup] ——————
    [setup] Resolving library dependencies:
    [setup] No library dependencies.
    [setup]
    [setup] ——————
    [setup]
    [setup] WARNING: Attribute minSdkVersion in AndroidManifest.xml (2) is lower than the project target API level (8)

    -build-setup:
    [echo] Creating output directories if needed…
    [mkdir] Created dir: /Users/…user…/Desktop/com.fs.jqm1_Android/bin/res
    [mkdir] Created dir: /Users/…user…/Desktop/com.fs.jqm1_Android/gen
    [mkdir] Created dir: /Users/…user…/Desktop/com.fs.jqm1_Android/bin/classes

    -pre-build:

    -code-gen:
    [echo] ———-
    [echo] Handling aidl files…
    [aidl] No AIDL files to compile.
    [echo] ———-
    [echo] Handling RenderScript files…
    [renderscript] No RenderScript files to compile.
    [echo] ———-
    [echo] Handling Resources…
    [aapt] Generating resource IDs…

    -pre-compile:

    -compile:
    [javac] Compiling 2 source files to /Users/…user…/Desktop/com.fs.jqm1_Android/bin/classes

    -post-compile:

    -obfuscate:

    -dex:
    [dex] Converting compiled files and external libraries into /Users/…user…/Desktop/com.fs.jqm1_Android/bin/classes.dex…

    -crunch:
    [crunch] Crunching PNG Files in source dir: /Users/…user…/Desktop/com.fs.jqm1_Android/res
    [crunch] To destination dir: /Users/…user…/Desktop/com.fs.jqm1_Android/bin/res
    [crunch] Processing image to cache: /Users/…user…/Desktop/com.fs.jqm1_Android/res/drawable-hdpi/icon.png => /Users/…user…/Desktop/com.fs.jqm1_Android/bin/res/drawable-hdpi/icon.png
    [crunch] (processed image to cache entry /Users/…user…/Desktop/com.fs.jqm1_Android/bin/res/drawable-hdpi/icon.png: 0% size of source)
    [crunch] Processing image to cache: /Users/…user…/Desktop/com.fs.jqm1_Android/res/drawable-hdpi/splash.png => /Users/…user…/Desktop/com.fs.jqm1_Android/bin/res/drawable-hdpi/splash.png
    [crunch] (processed image to cache entry /Users/…user…/Desktop/com.fs.jqm1_Android/bin/res/drawable-hdpi/splash.png: 45% size of source)
    [crunch] Processing image to cache: /Users/…user…/Desktop/com.fs.jqm1_Android/res/drawable-ldpi/icon.png => /Users/…user…/Desktop/com.fs.jqm1_Android/bin/res/drawable-ldpi/icon.png
    [crunch] (processed image to cache entry /Users/…user…/Desktop/com.fs.jqm1_Android/bin/res/drawable-ldpi/icon.png: 0% size of source)
    [crunch] Processing image to cache: /Users/…user…/Desktop/com.fs.jqm1_Android/res/drawable-ldpi/splash.png => /Users/…user…/Desktop/com.fs.jqm1_Android/bin/res/drawable-ldpi/splash.png
    [crunch] (processed image to cache entry /Users/…user…/Desktop/com.fs.jqm1_Android/bin/res/drawable-ldpi/splash.png: 45% size of source)
    [crunch] Processing image to cache: /Users/…user…/Desktop/com.fs.jqm1_Android/res/drawable-mdpi/icon.png => /Users/…user…/Desktop/com.fs.jqm1_Android/bin/res/drawable-mdpi/icon.png
    [crunch] (processed image to cache entry /Users/…user…/Desktop/com.fs.jqm1_Android/bin/res/drawable-mdpi/icon.png: 0% size of source)
    [crunch] Processing image to cache: /Users/…user…/Desktop/com.fs.jqm1_Android/res/drawable-mdpi/splash.png => /Users/…user…/Desktop/com.fs.jqm1_Android/bin/res/drawable-mdpi/splash.png
    [crunch] (processed image to cache entry /Users/…user…/Desktop/com.fs.jqm1_Android/bin/res/drawable-mdpi/splash.png: 45% size of source)
    [crunch] Crunched 6 PNG files to update cache

    -package-resources:
    [aapt] Creating full resource package…
    [aapt] (skipping hidden file ‘/Users/…user…/Desktop/com.fs.jqm1_Android/assets/.DS_Store’)
    [aapt] Warning: AndroidManifest.xml already defines debuggable (in http://schemas.android.com/apk/res/android); using existing value in manifest.

    -package:
    [apkbuilder] Current build type is different than previous build: forced apkbuilder run.
    [apkbuilder] Creating jqm1-debug-unaligned.apk and signing it with a debug key…

    -do-debug:
    [zipalign] Running zip align on final apk…
    [echo] Debug Package: /Users/…user…/Desktop/com.fs.jqm1_Android/bin/jqm1-debug.apk

    debug:
    [propertyfile] Creating new property file: /Users/…user…/Desktop/com.fs.jqm1_Android/bin/build.prop
    [propertyfile] Updating property file: /Users/…user…/Desktop/com.fs.jqm1_Android/bin/build.prop
    [propertyfile] Updating property file: /Users/…user…/Desktop/com.fs.jqm1_Android/bin/build.prop
    [propertyfile] Updating property file: /Users/…user…/Desktop/com.fs.jqm1_Android/bin/build.prop

    BUILD SUCCESSFUL
    Total time: 8 seconds
    operation completed
    emptySelectCount = 75
    readCount = 96
    killing adb server
    killing adb server
    ERROR: failed to launch Android emulator

  • http://songhongcorp.com Tuan Anh

    Step1: You can run emulator android apps. it well error
    Step2: You keep you keep running the emulator, then again you debug
    I also encountered this error and now understand that to debug.
    wish you success

  • Sharon

    Thanks a lot your fix saved my day!! I’ve been trying to figure this out for the past couple of days without any success, your fix worked like a charm!!!!

    Thanks a lot!!!!!!

  • http://www.tricedesigns.com Andrew

    Hi Everyone, I know there have been lots of questions about PhoneGap + Android SDK, and lots of headaches b/c Google’s Android SDK keeps changing and breaking the Dreamweaver integration. Fret not! There is an easier way — Adobe has released a plugin to integrate Dreamweaver with PhoneGap Build. With this plugin, you build your experience in Dreamweaver, then push to the PhoneGap Build service for cloud-based compilation of device-specific binaries. Read more about this plugin here: http://blogs.adobe.com/dreamweaver/2012/03/adobe-releases-phonegap-build-extension-for-dreamweaver-cs5-5.html

  • Bruce

    Hi everybody
    So, i think it is going to be the answer to a lot of our build problems. Although, we had are simple app built in
    DW 5.5 and switched to the new extension it builds fine, but when I download it with QR Droid the bar code reader
    which I might add, works great. when its on my Droid 3 phone i don’t get my ICON or splash screen. any ideas?
    Do I need to change my config.xml file that much.

    Thanks

  • James

    hey, could you give an example how to fix the last issue with the latest Android SDK? Unfortunately I don’t understand your comment on this.

    Should it be placed after the tag?

    [/xml]

    Add to this line the attribute ‘as=”imported”‘ and a new “install” target that will override the existing “install” target as shown below. This build target will utilize the existing “install” target, and add necessary debug file dependencies to fix the build error shown above.

    1

    • http://www.tricedesigns.com Andrew

      Odd… all the XML that used to be in this post is now gone… Probably something with a blog system upgrade. I’ll have to dig it up, it has been a while since I’ve looked at this. I’ll post back here once I have it again.

      • http://www.tricedesigns.com Andrew

        OK, the blog content has been restored… Luckily that was fast. The XML is back up, and the end of this blog post is no longer truncated.
        Thanks!

  • http://NONE bakulaw

    Build extension is gone, can i have a copy? Even the link for installing is dead.

    Can anyone upload…

    Thanks

  • Mike

    Have you clicked that link?

    “Adobe regrets to inform the Dreamweaver Community that the PhoneGap Build extension for Dreamweaver CS5.5 (released last week) is no longer available for download. For a number of reasons, we have had to pull the extension from public availability.”

    • http://www.tricedesigns.com Andrew

      Actually, no I hadn’t. I figured it had just moved. I’m not sure why it was pulled.

  • Bruce

    Can I post the .zxp file, without getting in trouble

  • Derry Destian

    Very helpful… thank you Sir!!

  • mike leonard

    Well done, Andrew, and thanks for the help.

  • Bhaskar

    There is any need of objective c to develop application in phonegap using Xcode

    • http://www.tricedesigns.com Andrew

      No, you do not need to know Objective-C to build a PhoneGap application using Xcode. You would only use Objective-C if you want to write your own custom native plugins.

  • raro

    How can can I access the Android’s phone hardware menu button or “options menu” with PhoneGap, Jquery or Javascript?

  • james

    Anyone know where I can get the plugin now as Adobe have kindly pulled it from 5.5!!
    cheers
    James

    • http://www.tricedesigns.com Andrew

      It is now available in Dreamweaver CS6. From the Dreamweaver blog:

      Adobe regrets to inform the Dreamweaver Community that the PhoneGap Build extension for Dreamweaver CS5.5 (released last week) is no longer available for download. For a number of reasons, we have had to pull the extension from public availability.

      The functionality of the extension, which integrates PhoneGap Build with Dreamweaver, will be available in the upcoming version of Dreamweaver CS6.

      Adobe would like to extend apologies for any inconvenience this might have caused.

  • Bruce

    Is it not allowed for someone to post the plugin.

  • Lokesh Ranganathan

    Hey Guys I’m new to android development so please guide me on this, no bin directory has been created and build.xml also so suggest me any idea’s to get it done….please…..

    Cloning seed app for Android

    ____________________
    set ANT_HOME=C:\PROGRA~1\Adobe\ADOBED~2.5\CONFIG~1\NATIVE~1\APACHE~1
    set ANDROID_HOME=C:\PROGRA~1\Android\ANDROI~1
    set JAVA_HOME=C:\PROGRA~1\Adobe\ADOBED~2.5\JDK
    set PATH=%JAVA_HOME%\bin;%PATH%
    cd C:\DOCUME~1\lokesh\Desktop\COMGLA~1.PAC
    C:\WINDOWS\system32\cmd.exe /u /c C:\PROGRA~1\Adobe\ADOBED~2.5\CONFIG~1\NATIVE~1\DWPHON~1\android\scripts\droidGap.bat “C:\Program Files\Adobe\Adobe Dreamweaver CS5.5\Configuration\NativeAppFramework\DWPhoneGap\android\PhoneGapApp” “glazierNewCS5.5″ com.glazier.packageglazier 1.0 “C:\Program Files\Android\android-sdk” undefined
    ____________________

    CbERROR: Cannot copy phonegap files. Terminating.java.io.FileNotFoundException: com.glazier.packageglazier\src\com\glazier\packageglazier\DefaultActivity.java (The system cannot find the path specified)ERROR: Clone failed

  • http://www.datatrackng.com Victor

    I get the build fail error :”Source resource does not exist” when I try to build my app in DW. Any help would be appreciated.
    Thanks

    • http://www.tricedesigns.com Andrew

      It is recommended to upgrade to CS6 for PhoneGap Build integration. There are issues in the older plugin due to changes in the Android SDK from Google.

  • http://edisonpen.com Chad

    This really blows… i paid to upgrade from CS 5 to CS 5.5 to get the mobile stuff, now i have to pay to go from 5.5 to 6?

    I started trying to build an application in DW 5.5 and nothing works when i run it in the emulator or on my Android phone. So i started googling and i find out the 5.5 build integration does not work and i cant find a fix other than to upgrade to CS 6.

    I know this is not your problem Andrew, but Adobe has always been pretty fair about the upgrades… but this is not fair.

  • jigar1859

    can some one please help me find
    Site > Mobile Applications > Application Settings in dreamweaver cs6 i need to change application icon and start up screen for my android app!

  • http://www.tricedesigns.com Andrew

    Everyone – Thank you for reading my blog. Unfortunately, I will no longer be accepting any comments on this post. It was written nearly ten months ago, and a lot has changed since then. The Google API changed well before I wrote this (I wrote it to try and help people get the plugin working again), Adobe has released new products, and readers are using my blog as a place to simply complain or harass me – I have not accepted several of the worst comments, since they do not add any value to the conversation. Adobe is not supporting the old plugin b/c Google’s Android SDK API continues to change (beyond our control), and we now have support for PhoneGap Build which you can start using for free. PS: I am not on the Dreamweaver team.