Thanks to build.phonegap.com , those tedious processes are no more.
STEP 1: Register for an ADOBE ID, at build.phonegap.com.
Choose the FREE plan this time. You could have one app to manage this time. As you have more projects, you may sign up for U$D9.99/month subscription fee. Or if you or your company already have Adobe Creative Cloud Membership, just use them.
Create an ADOBE ID if you don’t have one.
There you have your account and ready to upload a HTML project.
STEP 2: Preparing the HTML project.
I just would provide the finished product of our simple directory app (download here). If you’re familiar with HTML, and would like to modify the HTML project – please do so. After finishing the modification, archive the folder back to zip format.
The main code for index.html
Config.xml is the configuration file for phoneGap HTML project. Here it contains several information such as develeoper ID, version code, version number, developer profile, icon file, splash file, and so on.
The code for config.xml
<?xml version="1.0" encoding="UTF-8" ?>
<widget xmlns = "http://www.w3.org/ns/widgets"
xmlns:gap = "http://phonegap.com/ns/1.0"
id = "net.kerul.dir"
versionCode = "1"
version = "1.0.0" >
<!-- versionCode is optional and Android only -->
<name>Kerul.net Direktori App</name>
Direktori apps for KERUL.net
<author href="http://kerul.net" email="email@example.com">
Khirulnizam Abd Rahman
<gap:splash src="splash.png" />
<icon src="icon.png" />
STEP 3: Uploading the HTML project.
Use the button “upload a .zip file” available in the https://build.phonegap.com/apps and locate the zip file downloaded in the step 3.
Wait for a while for the progress bar disappear, and you’ll see the following page.
Should your HTML project has no error, click the button “Ready to Build”.
Build.phonegap.com currently support iOS, Android and Windows Phone.Read means you have some errors on iOS platform. Android and WinPhone are blue, means the build was successful and you may continue to test the .APK and .XAP in your device or emulator. Click on the arrow to see details.
Use any bar-code scanner to download the APK file to your Android device (eg: Barcode Scanner by ZXing Team). To this step, your Android APK is testable in your device. However it is could not deployed yet in the Google Play store. You need to proceed to STEP 4 & 5 to deploy the APK to the Google Play store.
STEP 4: Creating keystore file for ANDROID app
Keystore is a file generated by Java keytool for the developer to claim the app is theirs. The keytool is a Key and Certificate Management tool available in the JDK bin folder. Install Oracle JDK to have this facility available in your PC. Download JDK here.
Install JDK, and by default the JDK installation folder will be in C://Program Files/Java/jdk*****
Use command line (search CMD) in your system and launch the CMD as administrator.
Run these commands to go into bin folder of your JDK.
Once you’re inside bin folder, execute this line to create a new keystore;
keytool -genkey -v -keystore YOUR_KEYSTORE_FILE_NAME.keystore -alias YOUR_KEYSTORE_ALIAS -keyalg RSA -keysize 2048 -validity 10000
- change the YOUR_KEYSTORE_FILE_NAME to your own keystore filename.
- change YOUR_KEYSTORE_ALIAS – is your chosen keystore alias.
Check your bin folder, the keystore file is already created.
*Make sure to remember the passwords and the alias as they will be used in the next step.
STEP 5: Uploading the keystore to our ANDROID project
Change to Add a key in the options pointed with the arrow above.
Provide your key title (create your own) and the alias you chose in the STEP 4. ANd browse to locate the keystore file.
Locate the keystore file which by default stored in the jdk bin folder (from STEP 4).
Send the keystore file.
Unlock the keystore by providing the passwords you enter in STEP 4.
Rebuild and wait for a while. Once the rebuild process finished, you can download the APK which is ready for deployment at the Google Play store.
STEP 6: Testing the app in our mobile device
The APK will be downloaded to your Android device. Install the APK, and open.
STEP 7: Uploading the ANDROID app to the Google Play Store
We are providing the tutorial here http://blog.kerul.net/2015/04/publishing-apps-to-google-play.html.