Mac环境下搭建PhoneGap环境

阅读更多

首先，官方文档中，要求，编译需要使用Intel架构的 Mac OS X系统的Mac设备，最低要使用XCode4.5以上版本和Mac OS X 10.7以上的系统以及IOS6.0 以上的SDK，至于发布，则要看苹果商店的最新要求了
还有更多的限制，比如cordova所需要的版本需求等，可以看PhoneGap的详细官方文档如下：
http://docs.phonegap.com/en/edge/guide_platforms_ios_index.md.html#iOS%20Platform%20Guide

第一步，下载，XCODE和PhoneGap
XCode在developer.apple.com苹果的开发者中心下载，需要有开发者账号
PhoneGap则可以在http://phonegap.com/install/里面下载，自行选择版本
我这下载的时2.9.1截止到目前的最新版本

第二部，通过PhoneGap创建IOS项目
在上一步中下载的zip压缩包，进行解压，然后会看到里面的目录结构
doc当然就是API文档啦
lib则是PhoneGap的库，里面我们很容易理解到，是各个不同平台的库，我们要创建IOS平台的，现在，我们要通过Terminal终端进入到这个目录下得bin文件夹中，也就是PhoneGap文件夹下的lib/ios/bin目录中。

通过create来创建项目
create的命令结构如下
Usage: ./create [--shared] [--arc]
我们创建个HelloWorld可以如下
./create /Volumes/Data/DWorks/PhoneGap/HelloWorld com.liyunpeng.www HelloWorld
意思就是，在我指定的DWorks/PhoneGap/HelloWorld目录下，创建一个包名位com.liyunpeng.www的应用名为HelloWorld的项目

第三部，Build框架cordova
cordova是一个库，他提供了程序直接调用设备硬件的API
进入到刚才的HelloWorld工程文件夹，可以看到cordova，然后再这个文件夹内打开终端命令，使用./build命令，运行成功后，界面会提示Build Successed。

第四部，通过XCode打开项目文件HelloWorld.xcodeproj，然后直接运行，如果看到运行界面如下，就代表成功了。



我们在XCode里回看整个工程，会发现有个www文件夹，有些类似于Web项目或者NodeJS项目，我们的HTML及CSS,JS都放在这个文件夹里面了。

• 
• 大小: 202.3 KB

• 查看图片附件