Adobe
Products
Acrobat
Creative Cloud
Creative Suite
Digital Marketing Suite
Digital Publishing Suite
Elements
Photoshop
Touch Apps
Student and Teacher Editions
More products
Solutions
Creative tools for business
Digital marketing
Digital media
Education
Financial services
Government
Web Experience Management
More solutions
Learning Help Downloads Company
Buy
Home use for personal and home office
Education for students, educators, and staff
Business for small and medium businesses
Licensing programs for businesses, schools, and government
Special offers
Search
 
Info Sign in
Welcome,
My cart
My orders My Adobe
My Adobe
My orders
My information
My preferences
My products and services
Sign out
Why sign in? Sign in to manage your account and access trial downloads, product extensions, community areas, and more.
Adobe
Products Sections Buy   Search  
Solutions Company
Help Learning
Sign in Sign out My orders My Adobe
Preorder Estimated Availability Date. Your credit card will not be charged until the product is shipped. Estimated availability date is subject to change. Preorder Estimated Availability Date. Your credit card will not be charged until the product is ready to download. Estimated availability date is subject to change.
Qty:
Purchase requires verification of academic eligibility
Subtotal
Review and Checkout
Adobe Developer Connection / Dreamweaver Developer Center /

Building a mobile app with PhoneGap and Dreamweaver: Creating a release build for Android

by Steve Gill

Steve Gill
  • Adobe
  • twitter.com/#!/stevesgill

Content

  • System requirements
  • Importing the project into Eclipse
  • Creating a release build
  • Where to go from here

Created

7 December 2011

Page tools

Share on Facebook
Share on Twitter
Share on LinkedIn
Bookmark
Print

Requirements

Prerequisite knowledge

Before starting this tutorial:

  • * Read about the basics;
  • * Get started with the articles listed in Creating your first app;
  • * Discover some of the available tools and common techniques for debugging and testing your mobile app in Debugging your app;
  • * Have an app that you've tested and for which you want to create a release build.

 

Additional requirements

  • Eclipse

User level

Beginning

Required products

  • Dreamweaver CS5.5 (Download trial)

Sample files

  • PhoneGap_sample_android.zip

Once you have an app that you've tested, you're ready to create a release build of your application, with your own private signing key. This tutorial describes the process for doing just that.

System requirements

You must meet the following system requirements before you can continue with this tutorial.

  • Mac OS X 10.5.8 or later (x86 only)

or

  • Windows XP (32-bit), Vista (32- or 64-bit), or Windows 7 (32- or 64-bit)
  • Eclipse 3.5 (Galileo) or greater. Eclipse Classic is recommended.
  • Android SDK starter package
  • ADT Eclipse plug-in
  • JDK 5 or later (This should already be installed if you have had your app running on an emulator using Dreamweaver CS 5.5)

Importing the project into Eclipse

After setting up Eclipse with the Android SDK and ADT plug-in, the first step is to import the project you built with Dreamweaver into Eclipse. Eclipse streamlines the process of creating a signing key and generating a release build of your project.

  1. Start Eclipse and choose File > New > Android Project.
  2. Type a name for your project.
  3. Select Create Project From Existing source.
  4. Click Browse and navigate to the folder of the app you want to sign (see Figure 1). If you don't have a project of your own to use, you can download and unzip the sample files for this article, which include a sample Dreamweaver project. (Point this to the com.companyname.testapp_Android folder that is supplied in the download)
  5. Select a Build Target; for example, Google APIs.
  6. Click Finish.
Figure 1. The Eclipse New Android Project dialog box.
Figure 1. The Eclipse New Android Project dialog box.

    Next, you need to add the PhoneGap.jar to the build path of your project, otherwise it will not compile correctly.

  1. Right-click your project in the Package Explorer and select Build Path > Configure Build Path.
  2. In the Properties dialog box, click the Libraries tab and then click Add JARs (See Figure 2).
Figure 2. The Properties dialog box.
Figure 2. The Properties dialog box.
  1. In the Add JARs dialog box, select your project directory and navigate to the libs folder.
  2. Locate phonegap.jar, select it, and click OK. Click OK once more in the Properties dialog box.
  3. Now you can run your application to verify that it was imported correctly.

  4. Right-click your project in the Package Explorer, and select Run As > Android Application.

Depending on your setup, this will start the Android emulator and start your application in it, or it will launch the application on your device if you have one plugged in and have enabled USB debugging. To enable USB debugging on your device, go to Settings > Applications > Development and enable USB debugging.

Note: It can take a minute or longer to launch the application in the emulator. If the emulator fails on the first try, close it and run your application again.

Creating a release build

To create a release build of your application, you must sign the application. Before you can sign the application you have to create a signing certificate. Since you are using Eclipse and the ADT Eclipse plug-in, you can sign and create a release build in a few easy steps.

The first step is to turn off debug mode.

  1. In the Eclipse Package Explorer, right-click your project's AndroidManifest.xml file and select Open With > Text Editor.
  2. Locate the line that contains android:debuggable="true" and change the test to android:debuggable="false" .
  3. Save your changes.
  4. Now you're ready to create and sign your application.

  5. In Eclipse, choose File > Export.
  6. Open the Android folder, select Export Android Application, and click Next.
  7. Make sure the dialog box lists your project and reports No Errors Found. Click Next.
  8. Select Create New Keystore. Specify a location and file name for the keystore. Type a password and retype it to confirm. Click Next (see Figure 3).
Figure 3. Creating a new keystore.
Figure 3. Creating a new keystore.
  1. In the Key Creation dialog box, type a Key Alias and a Password. Set the Validity to 25 years (see Figure 4). Fill in at least one Certificate issuer field; for example, your name. Click Next.
Figure 4. The Key Creation dialog box.
Figure 4. The Key Creation dialog box.
  1. Choose a destination for your application and click Finish.

You have now succesfully created a signed application.

Where to go from here

You have created a signing key and signed your application using it. You can test your APK file on your device by emailing the file to your device or by using the adb command line tool to install it.

For information on alternative methods of signing your application without using Eclipse, see Signing Your Application on the Android Developers website.

If you run into issues importing a project into Eclipse, check out the getting started guide on the PhoneGap website.

Now that you have created a release build on Android, you may want to step through the following articles:

  • Submitting to Android Market
  • Creating a release build for iOS
  • Submitting to the Apple App Store

Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License+Adobe Commercial Rights

This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License. Permissions beyond the scope of this license, pertaining to the examples of code included within this work are available at Adobe.

Tutorials and samples

Tutorials

  • Understanding HTML5 semantics: Changed and absent elements
  • Mobile app with PhoneGap: Submitting to the Apple App Store
  • PhoneGap and Dreamweaver: Releasing on iOS
  • Mobile app with PhoneGap: Submitting to Android Market

Samples

  • Responsive design with jQuery marquee
  • Customizable starter design for jQuery Mobile
  • Customizable starter design for HTML5 video
  • Customizable starter design for multiscreen development

Dreamweaver user forum

More
04/23/2012 Resolution/Compatibility/liquid layout
04/20/2012 using local/testing server with cs5 inserting images look fine in the split screen but do not show
04/18/2012 Ap Div help
04/23/2012 Updating

Dreamweaver Cookbook

More
11/07/2011 Simple social networking share buttons
09/20/2011 Registration form that will generate email for registrant to validate
08/21/2011 Spry Accordion - Vertical Text - Auto Start on Page Load - Mouse Over Pause
08/17/2011 Using cfdump anywhere you like

Products

  • Acrobat
  • Creative Cloud
  • Creative Suite
  • Digital Marketing Suite
  • Digital Publishing Suite
  • Elements
  • Mobile Apps
  • Photoshop
  • Touch Apps
  • Student and Teacher Editions

Solutions

  • Digital marketing
  • Digital media
  • Web Experience Management

Industries

  • Education
  • Financial services
  • Government

Help

  • Product help centers
  • Orders and returns
  • Downloading and installing
  • My Adobe

Learning

  • Adobe Developer Connection
  • Adobe TV
  • Training and certification
  • Forums
  • Design Center

Ways to buy

  • For personal and home office
  • For students, educators, and staff
  • For small and medium businesses
  • For businesses, schools, and government
  • Special offers

Downloads

  • Adobe Reader
  • Adobe Flash Player
  • Adobe AIR
  • Adobe Shockwave Player

Company

  • News room
  • Partner programs
  • Corporate social responsibility
  • Career opportunities
  • Investor Relations
  • Events
  • Legal
  • Security
  • Contact Adobe
Choose your region United States (Change)
Choose your region Close

North America

Europe, Middle East and Africa

Asia Pacific

  • Canada - English
  • Canada - Français
  • Latinoamérica
  • México
  • United States

South America

  • Brasil
  • Africa - English
  • Österreich - Deutsch
  • Belgium - English
  • Belgique - Français
  • België - Nederlands
  • България
  • Hrvatska
  • Česká republika
  • Danmark
  • Eastern Europe - English
  • Eesti
  • Suomi
  • France
  • Deutschland
  • Magyarország
  • Ireland
  • Israel - English
  • ישראל - עברית
  • Italia
  • Latvija
  • Lietuva
  • Luxembourg - Deutsch
  • Luxembourg - English
  • Luxembourg - Français
  • الشرق الأوسط وشمال أفريقيا - اللغة العربية
  • Middle East and North Africa - English
  • Moyen-Orient et Afrique du Nord - Français
  • Nederland
  • Norge
  • Polska
  • Portugal
  • România
  • Россия
  • Srbija
  • Slovensko
  • Slovenija
  • España
  • Sverige
  • Schweiz - Deutsch
  • Suisse - Français
  • Svizzera - Italiano
  • Türkiye
  • Україна
  • United Kingdom
  • Australia
  • 中国
  • 中國香港特別行政區
  • Hong Kong S.A.R. of China
  • India - English
  • 日本
  • 한국
  • New Zealand
  • 台灣

Southeast Asia

  • Includes Indonesia, Malaysia, Philippines, Singapore, Thailand, and Vietnam - English

Copyright © 2012 Adobe Systems Incorporated. All rights reserved.

Terms of Use | Privacy Policy and Cookies (Updated)

Ad Choices

Reviewed by TRUSTe: site privacy statement