Mobile Web App to Native App
- Get grounded in HTML5, CSS3, JS, and JQM. Take the class and/or buy the books*. Find tutorials and forums on the web.
- Build your mobile app using HTML5, CSS3,JQM, etc...You could download free development environments, but I find it's just as easy to use a plain text editor than to set up the environments and learn to use them.
- Use the PhoneGap Build service to convert app to native. You will need to gather your assets into a zip file to upload. Assets include:
- All files: HTML, CSS, JS, images, icons, etc...
- A config.xml file [Example] that describes the assets. Position this file at the same level as the main index.
- A folder of icons [Generator Tool] of specific size and resolution. Have a 512x512 graphic ready to upload to the generator and you MUST USE A WEBKIT BROWSWER such as Google Chrome.
- You will also need [not in the zip] a "private signed and passworded key" - which is a file you create with "keytool", a program located in the JAVA jdk. You will need to drop down to the command line to execute this program and generate the key. [How-to Details]
- Upload zipped assets and signed key to PhoneGap Build. Instructions, FAQ, Forum are provided to help you.
- PhoneGap Build will create an apk release package for you to download and submit to the Google Play Store.
- Test the apk file to verify that it works as intended. Donwload to your mobile device or use an apk emulator such as "A Better Emulator".
You are half-way. Now on to the android market.
* Recommended texts:
- Webkit for Dummies, Chris Minnick
- HTML5, Bruce Lawson, Remy Sharp
- The Book of CSS3, Peter Gasston