官术网_书友最值得收藏!

首頁 >

Sencha Touch Cookbook

Setting up the iOS-based development environment

This recipe outlines the steps to set up the environment for the iOS-based (for example, iPhone, iPad, iPod) development.

Getting ready

JDK is installed and the following environment variables are set correctly:

  • JAVA_HOME
  • PATH

You should have created the ch01_01.js file as mentioned in the previous recipe.

How to do it...

Carry out the following steps:

  1. Download and install Xcode from Apple Developer Portal (http://developer.apple.com). This requires you to have membership of the iOS and Mac developer programs.
  2. Download the copy of PhoneGap-1.0.0 and extract its contents. Navigate to the iOS directory and run the installer until completion.
  3. Launch Xcode, and under the File menu, select New and then New Project. Name the new project SenchaTouch.
  4. Select PhoneGap-based Application from the list of templates.
  5. Click on the Next button. Fill in the Product Name and Company Identifier for your application.
  6. Choose a directory in which to store your application.
  7. You should see your project in Xcode 4 now. Click on the Run button at the top-left corner. Your build should succeed and launch in the simulator.
  8. You should see an error in your simulator informing you that index.html was not found.
  9. In order to fix this, we need to copy the www directory into the project. Right-click on the project in the left navigation window and click on Show in finder.
  10. In Finder, you should see the www directory beside your project.
  11. Drag the www folder into Xcode 4.
  12. Move the C:\sencha-touch folder to www.
  13. After you drag, you should see a prompt with a few options. Make sure to select Create folder references for any added folders and click on Finish.
  14. Add the ch01 folder to www and copy the ch01_01.js file, which was created in the previous recipe, inside it.
  15. Open the folder named www and paste the following code in index.html: 
    <!DOCTYPE HTML>
<html>
  <head>
    <title>Yapps! - Your daily applications!</title>
    <link rel="stylesheet" href="sencha-touch/resources/css/sencha-touch.css" type="text/css">
    <script type="text/javascript" charset="utf-8" src="phonegap.1.0.0.js"></script>
    <script type="text/javascript" charset="utf-8" src="sencha-touch/sencha-touch-debug.js"></script>
    <script type="text/javascript" charset="utf-8" src="ch01/ch01_01.js"></script>
  </head>
  <body></body>
</html>
  16. Deploy to Simulator:
    • Make sure to change the Active SDK in the top-left menu to Simulator+version#
    • Click on Run in your project window header
  17. Deploy to Device:
    • Open SenchaTouch-Info.plist and change BundleIdentifier to the identifier provided by Apple. If you have a developer license, then you can access and run the Assistant at http://developer.apple.com/iphone/manage/overview/index.action and register your App.
    • Make sure to change the Active SDK in the top left menu to Device+version#.
    • Click on Run in your project window header.

How it works...

In steps 1 and 2, we downloaded and installed XCode and other required tools and libraries. XCode is the IDE provided by Apple for the iOS-based application development.

In steps 3 through 6, we created a PhoneGap-based iOS project, using XCode.

In steps 7 through 14, we prepared the www folder for the application. Its contents are described in the Setting up the Android-based development environment recipe.

In step 15, we included the Sencha Touch related files and the application specific JS file—ch01_01.js—in index.html.

In steps 16 and 17, we deployed and tested the application in the simulator, as well as a real iOS device, such as iPhone.

See also

The recipe named Setting up the Android-based development environment in this chapter.

主站蜘蛛池模板： 将乐县| 深圳市| 大港区| 和政县| 仲巴县| 乐至县| 南丰县| 鄂托克前旗| 万荣县| 当雄县| 吉安市| 酉阳| 治县。| 彝良县| 南陵县| 蕲春县| 突泉县| 桓台县| 公主岭市| 贵港市| 黄大仙区| 苍梧县| 介休市| 平武县| 阜新| 永城市| 西乌珠穆沁旗| 松原市| 疏附县| 临沂市| 蒙自县| 兴仁县| 留坝县| 綦江县| 衡南县| 德江县| 新民市| 河间市| 南涧| 科技| 花莲县|