本文将讲解如何使用PhoneGap2.0及以上版本提供的命令行工具来快速创建IOS平台上的PhoneGap应用项目(Xcode项目),并在开发过程中使用这些命令进行编译和调试。如果一切顺利,在10分钟之内你就应该能够创建并在IOS设备模拟器中运行成功一个PhoneGap应用。
说明
本文基于Apache Cordova API文档中的“Command Line Usage”一节:http://docs.phonegap.com/en/2.1.0/guide_command-line_index.md.html#Command-Line%20Usage。但本文不是对该节的直接翻译。
前提要求
本文的操作环境需要苹果操作系统,以及XCode软件。你可以在苹果的Mac App Store中下载。安装Xcode并不需要购买苹果的开发者账号,但编写的应用只能运行在设备模拟器中。如果你需要在真实的IOS设备中调试应用,则需要购买苹果的开发者账号。本文内容无需开发者账号。
Adobe Creative Cloud
您可以免费注册Adobe创意云服务,使用其提供的PhoneGap Build服务来编译把你的PhoneGap应用编译成适配包括IOS,Android等共六种不同平台的应用。Creative Cloud上还提供了诸多HTML5开发工具,包括可以免费下载HTML5动画制作工具Edge Animate,开发工具Edge Code,移动应用测试工具Edge Inspect等。
Creative Cloud的登录地址在此:http://t.cn/zYRhqFg
安装PhoneGap命令行
下载并安装PhoneGap
首先要下载最新版本的PhoneGap。本文使用的是PhoneGap2.1,下载地址:http://phonegap.com/download
选定一个本地目录,并解压下载的zip文件后,可以看到如下目录内容:
安装Xcode
使用命令行工具创建IOS平台上的PhoneGap应用项目,首先需要安装Apple的开发工具XCode。下载地址如下:Mac App Store
在XCode中安装Apple的Command Line Tools
PhoneGap提供的命令行工具是基于苹果Xcode中提供的Command Line Tools的,因此在安装完Xcode后,需要为其安装Command Line Tools。
启动Xcode,点击左上角的第一个菜单“XCode”,选择“Preference”,即可调出Prederence面板,在Download标签页中,可以找到”Command Line Tools”一项,点击install即可安装或者更新。如下图:
安装完毕后,你在/Applications/Xcode.app/Contents/Developer/usr/bin/目录下可以找到所有命令行工具,比如Cordova项目要用到的xcode-select和xcodebuild。
创建第一个PhoneGap Xcode项目
现在已经下载并解压了PhoneGap,安装了Xcode和Xcode命令行工具。我们可以使用PhoneGap的命令行工具创建PhoneGap Xcode项目了。
打开终端,进入PhoneGap解压目录下的lib/ios/bin目录,运行create命令,如下:
$ ./create 项目目录 com.company.app AppProjectName
其中,三个参数分别为:
- 新的Xcode项目目录
- 包名,遵循reverse domain命名规范,比如com.company.appname
- 项目名称
回车后,在指定的项目目录下,PhoneGap会自动创建一个模板项目。创建的项目结构如下:
编译和运行
在新创建的xcode项目下的cordova目录中,提供了debug,emulate和log命令,分别用来进行调试,调用模拟器和日志。
在第一次运行之前,需要使用debug命令编译项目。不要直接使用Xcode打开项目,然后使用xcode的run按钮来进行编译,这样做通常会遇到错误。
进入新创建的PhoneGap项目下的cordova目录,运行debug命令,编译项目:
$ ./debug
Note: 在PhoneGap2.5版本,这个命令改成了build。
编译成功后,可看到”** BUILD SUCCEEDED **”结果。此时,即可运行emulate命令,调出模拟器运行应用:
$ ./emulate
运行成功后,可以看到模拟器中显示默认的PhoneGap应用如下:
至此,第一个PhoneGap IOS项目创建成功了。如果不需要定制phoneGap plugin,您只需要编写www目录下的内容即可完成初步的phoneGap应用。
小结
PhoneGap提供的命令行工具非常便捷,在许多情况下,开发者无需打开xcode即可完成编写和调试。在Android平台上也可使用类似的工具。具体可参考PhoneGap站点教程。
相关推荐
PhoneGap命令行工具快速创建IOS PhoneGap项目,基于Mac OS X 有截图
phonegap-cli, PhoneGap和 PhoneGap/构建 命令行 接口 PhoneGap命令行接口和 node.js 库。命令行命令行要求安装 node.js 版本 >=4.0.0安装 iOS sim 将应用程序部署到iOS模拟器。安装$ npm install
Phonegap项目中,使用js脚本调用ios中OC代码,需要使用Phonegap提供的一个脚本插件:cordova.js
phonegap 2.9 ios配置安装详细教程 每一步有图
PhoneGap iOS 自定义插件
1 使用命令行 建立phonegap工程 2 进入到phonegap工程下的plugins 文件夹当中 ,使用命令行下载官方插件 ;(输入命令: cordova plugin add org.apache.cordova.vibration) 4 添加生成 android或者IOS 工程 ;android...
主要是一些在Mac上开发 iOS 使用PhoneGap 开发Html5
1 使用命令行 建立phonegap工程 2 进入到phonegap工程下的plugins 文件夹当中 ,使用命令行下载官方插件 ;(输入命令: cordova plugin add org.apache.cordova.camera) 4 添加生成 android或者IOS 工程 ;android...
PhoneGap开发ios应用是否要交年费? 答:需要,因为编译后同ios的本地应用没有区别,同样要通过许可证发布到App Store中 2、PhoneGap不同平台的SDK是否一样? 答:不一样,这与不同平台API所相关,如ios是...
PhoneGap html5 拍照上传DEMO
纯粹属于闲折腾的结果,只是这中间还遇到...之前写过一篇构建webapp项目的文章<构建基于Android和PhoneGap的开发环境>,假设已经写了一个简单的demo页面,现在如何生成一个安装程序并安装到手机中,进行效果预览呢?
执行phonegap run ios --device以在iOS设备上运行项目。 您将必须安装才能将其部署到您的设备。 或者 执行phonegap run android --device以在Android设备上运行项目。 功能性 该应用程序演示: 使
phoneGAP就是Cordova,据说执行起来比网页快, Android, ios通吃
phonegap_starter 使用 Ionic 框架和 Angular js 的 Phonegap 入门项目。入门安装节点依赖: npm install 安装 bower 依赖项和 phonegap 平台(ios 和浏览器): gulp install运行应用程序IOS gulp run - ios 浏览器...
压缩包中提供了phonegap项目实例,同时包含调用iosSDK里面地理定位,加速器,联系人,声音和振动等功能的类库,简单易用,未开发节约时间。 PhoneGap是一个开源的开发框架,使用HTML,CSS和JavaScript来构建跨平台...
在简要介绍了PhoneGap的安装和配置信息之后,《PhoneGap入门经典》将迅速引导你使用PhoneGap建立iOS、Android以及BlackBerry应用程序。每一章都对不同的组件提供了深度的视角,并在进入下一阶段前通过练习使你掌握每...
PhoneGap IOS 端源码 使用HTML+css+javascript开发移动设备软件的技术
访问项目网站: 你得到什么: Backbone, Backbone Marionette 样板页面过渡处理(幻灯片、淡入淡出、堆叠) 使用 require.js 作为模块加载器综合音隙棘轮 CSS UI 组件juggl 作为构建工具 (grunt.js)入门:安装 ...
DatePicker iOS插件,用于使用PhoneGap / Cordova 3.0 这是对上托管的iOS DatePicker插件的重写,可与PhoneGap / Cordova 3.0一起运行。 它包括,可以在iPhone和iPad上使用。 注意:仅限iOS6! 使用iOS7结帐 屏幕...