Part 6/6 – Native packaging using Sencha Cmd – Packaging for Android device


This article shows us what steps are required to get the application packaged for Android and running it on a device. For the demonstration purpose, I have used Samsung Galaxy S3 but the steps are pretty much same for any other Sencha Touch compatible Android device.

Getting ready

Make sure that you have followed Part 1 of the series to setup the environment, which we would use in this article.

Note down the path of Android SDK as we would need this in our configuration.

How to do it…

Follow the below mentioned steps:
1. Create android412.json file and save the following content inside it:

{
 "applicationName":"TouchCookbook",
 "applicationId":"com.sencha.touch.app",
 "versionString":"1.0",
 "versionCode":"1",
 "icon": {
 "36":"resources/icons/Icon_Android36.png",
 "48":"resources/icons/Icon_Android48.png",
 "57":"resources/icons/Icon.png"
 },
 "inputPath":"./",
 "outputPath":"../build/",
 "configuration":"Debug",
 "platform":"Android",
 "notificationConfiguration":"debug",
 "sdkPath":"/Users/ajitkumar/Softwares/adt-bundle-mac-x86_64/sdk", //mention the SDK path on your system
 "androidAPILevel":"16", //android 4.1.2
 "permissions":[ 
 "INTERNET",
 "ACCESS_NETWORK_STATE",
 "CAMERA",
 "VIBRATE",
 "ACCESS_FINE_LOCATION",
 "ACCESS_COARSE_LOCATION",
 "CALL_PHONE",
 "RECORD_AUDIO",
 "RECORD_VIDEO",
 "READ_CONTACTS",
 "WRITE_CONTACTS", "ACCESS_NETWORK_STATE"
 ],
 "orientations": [
 "portrait",
 "landscapeLeft",
"landscapeRight",
 "portraitUpsideDown"
 ]
}

2. Run the following command inside <your project folder>/native/TouchApp folder:

sencha app package build android.json

This will create TouchApp.apk file inside the build folder
3. Install TouchApp.apk on your Android device and run the application. The following screenshot shows how the application output will look on Samsung Galaxy S3:

9185OS_11_06

Summary

In this 6 part series, I tried to cover the steps required to create packages for the mobile website, Android devices and iOS devices. Since, Sencha Cmd is yet to come out with the support for Blackberry and Windows Phone 8, they are not covered here. Having said that, my strong recommendation is to start using Sencha Cmd as your “official” tool to create, build and package Sencha Touch projects. Given the focus Sencha has on this tool, it will certainly and very soon become the official tool from Sencha for the project setup, build, and packaging tool.

At Walking Tree, we practice and recommend Sencha Products like ExtJS, Sencha Touch, Sencha Architect, Sencha Cmd, Sencha.io (will be replaced soon by Sencha Space) to build amazing web / touch apps. In case you are looking for training or professional assistance, contact us by visiting our website.

 

References

Co-founder of Walking Tree, Speaker, Sencha Trainer, Author of Sencha Charts Essentials, Sencha Touch Cookbook, Sencha MVC Architecture, and ADempiere Cookbook.

Tagged with: , , ,
Posted in Sencha Touch
2 comments on “Part 6/6 – Native packaging using Sencha Cmd – Packaging for Android device
  1. Ranjit says:

    Hi Shridharan,

    If you want then yes, you can change the applicationName and ApplicationID in the json file with your own values.

    Thanks

  2. shridharan says:

    Hi Ajit,

    Do we need to modify the applicationName and applicationId parameters in the json file?

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

We Have Moved Our Blog!

We have moved our blog to our company site. Check out https://walkingtree.tech/index.php/blog for all latest blogs.

Sencha Select Partner Sencha Training Partner
Xamarin Authorized Partner
Do More. With Sencha.

Recent Publication
%d bloggers like this: