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


This article walks us through the steps required to package and run a Sencha Touch application on an iOS device. In this article, we have used iPhone 5 for demonstration. However, the steps apply to other compatible iOS devices, as well, such as, iPhone 4, iPad, etc.

Getting ready

Make sure you have setup your iOS based development and setup the certificate and profile on your system.

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

How to do it…

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

{
 "applicationName":"TouchApp",
 "applicationId":"com.senchatouch.app",
 "bundleSeedId":"CLL9GVK2UN",
 "versionString":"1.0",
 "versionCode":"1",
 "icon": {
 "57":"resources/icons/Icon.png",
 "72":"resources/icons/Icon~ipad.png",
 "114":"resources/icons/Icon@2x.png",
 "144":"resources/icons/Icon~ipad@2x.png"
 },
 "inputPath":"./",
 "outputPath":"../build/",
 "configuration":"Debug",
 "platform":"iOS",
 "deviceType":"iPhone",
 "certificateAlias":"iPhone Developer", //certificate to be used to sign the application. Read documentation to set the certificate and profile paths, if you are using Windows OS
 "orientations": [
 "portrait",
 "landscapeLeft",
 "landscapeRight",
 "portraitUpsideDown"
 ]
}

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

sencha app package build iphone.json

This will create TouchApp.app file in the build folder
3. Attach your iPhone device to the computer
4. Install the application (.app) file on the phone using iTunes

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

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: