移动WebApp开发-phoneGap+iOS入门



       随着HTML5的快速发展，以及大家对于跨平台的移动App开发的渴望，使用PhoneGap开发的需求也会越来越多。根据网络上的资料，并结合自己的实践，搭建了基于phoneGap的iOS开发环境，把步骤整理出来，持久化到博客，以免遗忘！

一：环境介绍

（1）phoneGap 2.9.0 下载地址：http://phonegap.com/install/

（2）xcode 4.5.2

二：搭建步骤

（1）phonegap-2.9.0解压到 Users/mac/Downloads 目录下

（2）双击执行phonegap-2.9.0\lib\ios\bin 下的create 文件，结果如下图，并拷贝阴影部分：

（3）在项目工作空间创建文件夹PgapForIOS，全路径为： Users/mac/Documents/iOS_workspace/PgapForIOS

（4）新建一个终端窗口，粘贴复制的内容，并在后面添加 Users/mac/Documents/iOS_workspace/PgapForIOS  cn.com.vs  PageForIOS (文件夹地址，Bundle Identifier，项目名字)，回车，如下：

（5）在Users/mac/Documents/iOS_workspace/PgapForIOS 目录下会生成工程内容，如下图：

（6）通过XCODE打开生成的工程，如下图：

（7）修改 index.html ，内容如下：

（8）运行工程，出现如下界面，即可搭建成功！