PhoneGap for iOS 平台开发环境搭建

转载地址

http://www.desteps.com/application/mobile/0100244.html

PhoneGap for iOS 平台开发环境搭建，包括PhoneGap iOS 开发平台搭建、PhoneGap iOS（Xcode 4）平台。phonegap 开发，phonegap iphone 开发环境搭建，phonegap ios 开发环境搭建。

PhoneGap iOS 开发平台搭建

1、要求

基于英特尔芯片的计算机，装有Mac OS X Snow Leopard (10.6) 操作系统

安装到设备上的必要条件：

• 苹果 iOS 设备 ( iPhone、iPad 和 iPod Touch )
• iOS 开发者认证

2、安装 SDK PhoneGap

下载和安装 Xcode 。

下载最新版本的 PhoneGap ，解压缩。进入到 iOS 目录，运行安装程序，直至完成。

3、创建新项目

运行 Xcode ，然后在 File 菜单下选择 New Project 。

进入到“User Templates” 部分，选择 PhoneGap，然后在右边窗口中，选择 PhoneGap-based Application 。

选择 Choose 按钮，命名你的项目，并选择你想要把新项目存放在哪个地方。

4、Hello World

打开名为 www 文件夹，在 index.html 中的 body 标签后面输入<h1>Hello World</h1> 。你还可以在那里添加任何相关的 Javascript 和 CSS 文件。

5、部署

1. 部署到模拟器

确保将左上角菜单中的 Active SDK 从 Use Base SDK 改成 Simulator+version# (模拟器和版本号) 。

点击项目窗口标题中的 Build and Run (构建和运行)。

2. 部署到设备

打开 [AppName]-Info.plist ，将 BundleIdentifier (包标识符)改成苹果提供的标识符。如果你有开发者许可证，可以访问和运行 Assistant ，并注册你开发的应用程序。

确保将左上角菜单中的 Active SDK 从 Use Base SDK ( 改成Device+version#(设备和版本号) 。

点击项目窗口标题中的 Build and Run (构建和运行) 。

你还可以参考更为详细的 内容指南 。

PhoneGap iOS（Xcode 4）平台

前三步参考文章前面部分

从模板列表中选择 PhoneGap-based Application 。

选择 Next 按钮。为你的应用程序填好"Product Name” 和 "Company Identifier” 。

选择一个存放应用程序的目录。

你现在应该看到你在 Xcode 4 中的项目。按左上角的 Run 按钮。你构建的项目应该成功了，在模拟器里面运行。

你应该会在模拟器中看到一个错误，通知你 index.html 未发现。

为了解决这个问题，我们需要把 www 目录拷贝到项目中。鼠标右击左边导航窗口上的项目，点击 show in finder 。

在 Finder 中，你应该会看到项目旁边的 www 目录。

把 www 文件夹拖到 Xcode 4 中。你根本无法把 www 文件夹拖到应用程序的文件夹中。而是需要把它拖到 Xcode 4 上，在本例中，我把它拖放到 HiWorld 上。

拖完后，你应该会看到有几个选项的提示。确保选择了 Create folder references for any added folders 为任何添加的文件夹创建文件夹引用 。点击Finish 。

输入Hello World

部署

1. 部署到模拟器

确保将左上角菜单中的 Active SDK 改成 Simulator+version# 。

点击项目窗口标题中的 Run 。

2. 部署到设备

打开 [AppName]-Info.plist ，将 BundleIdentifier (包标识符)改成苹果提供的标识符。如果你有开发者许可证，可以访问和运行 Assistant ，并注册你开发的应用程序。

确保将左上角菜单中的 Active SDK 从 Use Base SDK 改成 Device+version# 。

点击项目窗口标题中的 Run 。

你还可以参考更为详细的 内容指南 。