- 浏览: 7251231 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (1546)
- 企业中间件 (236)
- 企业应用面临的问题 (236)
- 小布Oracle学习笔记汇总 (36)
- Spring 开发应用 (54)
- IBatis开发应用 (16)
- Oracle基础学习 (23)
- struts2.0 (41)
- JVM&ClassLoader&GC (16)
- JQuery的开发应用 (17)
- WebService的开发应用 (21)
- Java&Socket (44)
- 开源组件的应用 (254)
- 常用Javascript的开发应用 (28)
- J2EE开发技术指南 (163)
- EJB3开发应用 (11)
- GIS&Mobile&MAP (36)
- SWT-GEF-RCP (52)
- 算法&数据结构 (6)
- Apache开源组件研究 (62)
- Hibernate 学习应用 (57)
- java并发编程 (59)
- MySQL&Mongodb&MS/SQL (15)
- Oracle数据库实验室 (55)
- 搜索引擎的开发应用 (34)
- 软件工程师笔试经典 (14)
- 其他杂项 (10)
- AndroidPn& MQTT&C2DM&推技术 (29)
- ActiveMQ学习和研究 (38)
- Google技术应用开发和API分析 (11)
- flex的学习总结 (59)
- 项目中一点总结 (20)
- java疑惑 java面向对象编程 (28)
- Android 开发学习 (133)
- linux和UNIX的总结 (37)
- Titanium学习总结 (20)
- JQueryMobile学习总结 (34)
- Phonegap学习总结 (32)
- HTML5学习总结 (41)
- JeeCMS研究和理解分析 (9)
最新评论
-
lgh1992314:
[u][i][b][flash=200,200][url][i ...
看看mybatis 源代码 -
尼古拉斯.fwp:
图片根本就不出来好吧。。。。。。
Android文件图片上传的详细讲解(一)HTTP multipart/form-data 上传报文格式实现手机端上传 -
ln94223:
第一个应该用排它网关吧 怎么是并行网关, 并行网关是所有exe ...
工作流Activiti的学习总结(八)Activiti自动执行的应用 -
ZY199266:
获取不到任何消息信息,请问这是什么原因呢?
ActiveMQ 通过JMX监控Connection,Queue,Topic的信息 -
xiaoyao霄:
DestinationSourceMonitor 报错 应该导 ...
ActiveMQ 通过JMX监控Connection,Queue,Topic的信息
文介绍了利用Xcode建立PhoneGap应用程序环境和工作流程所需的步骤,该应用程序的目标是iOS设备。 Xcode是由Apple提供用来开发OS X和iOS应用程序的集成开发环境(IDE)。 其中,iOS是Apple的iPhone、iPad和iPod触摸设备的移动操作系统。 PhoneGap是开源的应用程序平台,它能够让你使用HTML和JavaScript创建本地安装的移动应用程序。
AD:
Content
设置Xcode
为PhoneGap应用程序设置Xcode的第一个步骤是从Apple网站上下载并安装Xcode IDE。 你可以从 Apple开发人员网站(Apple developer site)上 下载Xcode。 在下载Xcode之前,你必须以开发人员的身份在Apple上进行注册。 在你注册之后,你就能够免费访问Xcode、iOS设备仿真器和Apple开发人员文档。 如果你希望将你的应用程序部署至实际设备,或通过iTune商店发布你的应用程序,那么你必须以iOS开发人员的身份在Apple上进行注册,并交纳与之 相关的年费。
在Xcode下载完成之后,你只需按照安装向导完成安装过程即可。
下载和安装PhoneGap
一旦你成功地完成Xcode的安装,接下来的一步则是下载和安装PhoneGap。
- 用你的浏览器访问 honeGap下载页面(PhoneGap download page) (http://phonegap.com/download),并单击橙色Download链接进行下载。
注: 下面所示的步骤适用于PhoneGap 1.4.1,然而,该过程应该适用于或类似于所有的PhoneGap版本。
- 解压缩ZIP文件内容。
- 浏览至已解压缩文件的 libs/ios/ 文件夹,并双击PhoneGap-1.4.1.pkg包安装程序。
该操作会启动PhoneGap安装向导,它将在你的系统中对PhoneGap的安装过程进行引导(参见图1)。
图1. PhoneGap安装程序
- 按照安装程序提供的安装说明进行安装,直到你看见“Thanks for installing PhoneGap 1.4.1!”。
当你看见这个提示时,PhoneGap安装已经完成。 现在,你可以在Xcode中创建你的第一个PhoneGap项目。
在Xcode中创建项目
PhoneGap安装程序为Xcode添加一个PhoneGap项目模板,该模板能够简化PhoneGap应用程序的创建。
- 首先,单击Xcode欢迎屏幕上的Create A New Xcode Project(参见图2)。 此外,你也可以选中File > New > New Project来创建新的PhoneGap项目。
图2. Xcode欢迎屏幕
创建新的Xcode项目的第一个步骤是选中一个项目模板。
- 在iOS > Application下找到并选中PhoneGap-based Application模板,然后单击Next(参见图3)。
图3. 选中一个项目模板
在选中项目模板之后,你需要对你的项目进行命名。 你可以为它起一个能够表明你将要建立什么项目的名称。
- 在本例中,只需输入Hello,因为你将建立一个简单的Hello World应用程序(参见图4)。
图4. 设置项目名称以及其它选项
此外,在New Project Options屏幕上,你还需要输入公司标识(company identifier)。 公司标识(company identifier)是与产品名称相关的前缀,用来为你的应用程序创建独特的包标识(bundle identifier)。 在Apple Provisioning Portal中,包标识(bundle identifier)应该与你为独特应用程序所创建的App ID相匹配(参见图5)。
图5. 在Apple Provisioning Portal中指定包标识(bundle identifier)
如果你不确定在此处输入什么,或如果你不希望立即在设备上进行部署或发布该应用程序,那么你可以输入任何你希望的内容,或保留空白。 你可以稍后通过编辑在Xcode项目概要屏幕中的Identifier字段或手动编辑你的项目的Info.plist文件来改变包标识(bundle identifier)。
注:在项目选项屏幕上,你也能找到打开Automated Reference Counting (ARC)的选项。 如果你不希望在你的PhoneGap应用程序中编写任何本地代码,那么你可以忽略该选项。 如果你需要编写PhoneGap本地插件或本地代码,那么你只需考虑ARC即可。 PhoneGap本地插件允许你编写属于自己的本地代码和JavaScript API,以便对PhoneGap容器的能力进行扩展。
无论ARC是否启用,PhoneGap项目均能运行。 如果启用ARC,那么你不必在任何本地代码中使用保留和释放指令来管理内存分配。 Xcode LLVM编译器会自动地为你生成适当的保留和释放指令。 如果未启用ARC,那么你必须手动地管理内存。 记住,ARC仅适用于本地代码,而不适用于HTML或JavaScript代码。
- 单击Next。
- 在你的文件系统中选中一个文件夹,而你的PhoneGap项目将驻留在该文件系统中(参见图6)。
图6. 选中项目位置
- 单击Create。
你的PhoneGap项目将在Xcode中进行创建。 但是,在你的项目完成并运行前,还有一些步骤需要你完成。
用来为你的PhoneGap项目创建界面的所有HTML和JavaScript均需包含在一个www文件夹中。 起初,该www文件夹在你的PhoneGap项目中并不存在。 为了创建该文件夹,首先你必须运行相应的应用程序。
- 在窗口左上角单击Run运行该应用程序(参见图7)。 此外,你也可以选中Product > Run。
图7. Xcode Run按钮
Xcode会尝试在iOS仿真器中启动PhoneGap应用程序。 对于第一次启动,你将看到错误信息“ERROR: Start Page at 'www/index.html' was not found”。 别担心,这很正常! 尽管如此,在第一个步骤期间,已创建了www文件夹。 在将它添加到你的项目之后,你就不会再遇到该错误。
- 为了将www文件夹添加至你的项目,按住Ctrl键并且单击项目根目录,然后选中Add Files To "Hello"(参见图8)。
图8. 准备为项目添加文件
- 在打开的对话框中,选中新创建项目中的www文件夹。 你需要确保选中实际的www文件夹,而不是父文件夹或该文件夹中的相关内容。
- 选中Create Folder References For Any Added Folders(参见图9)。 如果你未选中该选项,那么你的项目将出现错误。
图9. 在Xcode中为项目添加文件
- 单击Add。
现在,在你的项目根目录之下,你应该能够看到www文件夹(参见图10)。
图10. 项目根目录中的www文件夹
- 单击Run以便再次启动该项目。
至此,你应该已正确配置你的项目,并且应该能够在iOS仿真器中启动它。 如果你没有改变www文件夹中的任何HTML文件,那么当在iOS仿真器中运行你的应用程序时,你将在其中看到默认的PhoneGap启动页面(参见图11)。
图11. iOS仿真器
如果你看见该仿真器,那么现在你可以使用PhoneGap在Xcode中开始开发iOS应用程序。
在Xcode中使用PhoneGap
在正确地设置你的PhoneGap环境之后,回顾某些Xcode和PhoneGap基础知识将帮助你充分利用这一开发环境。
一般来说, Xcode非常易于操作。 在屏幕的左侧,你将看到项目层级,而在屏幕的中心,你会看到主内容区域。 当你在左侧选中文件时,相应的内容将显示在主编辑区。
下面是一个很多人不了解的简单技巧:在项目层级中单击文件则在同一窗口中显示该文件的内容;而双击文件则在新的窗口中打开该文件。
如果你选中项目根目录,那么你将看到该项目的概要屏幕。 从该屏幕中,你可以在其它选项中轻松地设置包标识(bundle identifier)、应用程序版本、目标设备、图标、启动画面以及支持方向(参见图12)。 该屏幕对配置部署你的应用程序很有帮助。
图12. 项目概要屏幕
在Xcode窗口顶部,靠近Run按钮附近,有一个Scheme菜单,它能够让你改变项目编译方案以及指定目标设备或仿真器。 如需指定一个特定目标设备或改变iOS Simulator目标,只需单击相应的项目名称,然后选中一个可选设备或仿真器目标(参见图13)。 当下次运行该应用程序时,它将被部署至新的已选目标。
图13. 选中一个新方案
请牢记PhoneGap应用程序的整个界面均使用HTML和JavaScript进行开发。 在www文件夹中,你需要维护在界面中使用的所有HTML组件。 如果你希望从远程位置添加额外的文件,那么你需要在PhoneGap.plist文件中将该位置添加到白名单中,否则,任何外部的请求将视为安全异常而被 阻止。
在默认情形下,Xcode的内容区域将显示基于在项目层级中所选中文件的源代码(参见图14)。
图14. Xcode编辑器
如果你更喜欢并排地打开和编辑多个文件,不用担心。 这一操作是可能的,尽管现在还不能立即知道如何进行这一操作。
为了能够编辑并排打开的文件,单击位于Xcode窗口右上角的Show The Assistant Editor按钮(参见图15)。 一旦第二个编辑器实例处于可见状态,你便可以将项目层级左侧的文件拖至新的编辑器窗口中。 当你希望同时查看单独的HTML和JavaScript文件,或你希望同时查看本地插件和它的JavaScript界面时,上述操作特别有用。
图15. 在Xcode中编辑并排放置的代码
下一步阅读方向
当你在Xcode中建立PhoneGap之后,你可以使用PhoneGap为iOS建立一些正式的应用程序。 记住,你需要使用HTML、CSS和JavaScript为用户界面创建PhoneGap应用程序。 这允许你通过使用传统的web开发技巧,方便地创建外观精美的应用程序。 如需了解更多使用TML、CSS和JavaScript创建的丰富体验,请查看 Adobe 开发人员连接HTML5和CSS3开发人员中心(Adobe Developer Connection HTML5 and CSS3 developer center)。
发表评论
-
phonegap contact API的使用
2012-07-10 14:23 2842没事开发一个phonegap通讯录使用: js如 ... -
phonegap开发中必备的帮助文档android apk
2012-07-08 16:48 2599在phonegap配置jquerymobile开发的人 ... -
jquerymobile 开发中几个样式问题
2012-07-07 15:16 24081.在jquerymobile开发中如果遇到中文乱码处理如下 ... -
【转】JavaScript编程模式:模块的力量
2012-07-06 12:50 1831块模式是一个常用的JavaScript编程模式。它 ... -
【转】JavaScript闭包和模块模式
2012-07-06 12:45 2010原文:http://www.joezimj ... -
【转】PhoneGap域名白名单说明书(Domain Whitelist Guide)
2012-07-05 17:31 9841概述Cordova项目中的域名白名单是一个用来控制外部域名访问 ... -
phonegap拍照的获取图片和设置问题
2012-07-05 17:10 12679目前项目中Android中第一次加载使用用 ... -
Native+WebApp中Phonegap调用Android Activity
2012-07-05 16:10 10926在项目采用Native+Web方式开发,A ... -
IOS Xcode4.3使用中几个问题
2012-07-04 15:36 18151. xcode 4.3.2 编译生成的app放在哪里? ... -
phonegap底层原理学习和研究(四)
2012-06-12 17:34 3041在phonegap ... -
phonegap底层原理学习和研究(三)
2012-06-12 17:08 6217针对Phonegap开发中常用的D ... -
phonegap底层原理学习和研究(二)
2012-06-11 11:07 3121转载自IBM中国开发网站: http://www.ibm ... -
【转】手机应用开发者需注意的20个事项
2012-05-30 10:54 1748你想要成为手机开发者吗?你的目标可能是从应用商店中赚取大 ... -
【转】8 个移动产品设计必备网站
2012-05-30 09:49 2101本文整理了8个移动设计资源丰富的网站,希望对你的开发设计工作有 ... -
HTML5 canvas实现电子签名
2012-05-29 17:27 225771.为什么要用到BASE64编码的图片信息 Base6 ... -
HTML5 的GEOLocation的API
2012-05-29 10:15 7106Geolocation API用于将用户当前地理位 ... -
jquerymobile 一个简单的九宫格实现(Gallery)
2012-05-28 11:10 9228jquerymobile实现一个简单的九宫格代码如下: ... -
phonegap底层原理学习和研究(一)
2012-05-21 14:16 12003在phonegap中,通过android和ip ... -
jquerymobile google地图插件jquery-ui-map
2012-05-20 16:12 5834最近要开发地图相关的功能,学习一下jquerymob ... -
【转】JQuerymobile 官方 资源和插件
2012-05-19 16:51 7978In this section, we have gat ...
相关推荐
phonegap 2.9 ios配置安装详细教程 每一步有图
Phonegap项目中,使用js脚本调用ios中OC代码,需要使用Phonegap提供的一个脚本插件:cordova.js
phonegap调用IOS系统短信功能文档,以及如何将短信功能显示为中文
Xcode5 + phoneGap2.9搭建ios开发环境-配置-测试-归档上传- 开源中国社区
PhoneGap iOS 自定义插件
不搭建andrid 环境 不配置android sdk 或者不搭建xcode环境,或者不安装 node.js npm 的情况下就可以创建phoengap应用 电脑敲代码 手机上的phonegap app实时自动更新显示 视频教程+源码+课件
PhoneGap是一个开源的开发框架,使用HTML,CSS和JavaScript来构建跨平台的的移动应用程序。它使开发者能够利用iPhone,Android,Palm,Symbian,Blackberry,Windows Phone和Beda智能手机的核心功能——包括地理定位...
一款很实用的CORDOVA PHONEGAP插件
教程名称: PhoneGap视频教程(10讲)【TI教程网】PhoneGap Android开发环境搭建视屏教程【TI教程网】PhoneGap目录结构介绍, 插件下载和安装、连接真实机器调试【TI教程网】PhoneGap视频教程第一讲【TI教程网】...
PhoneGap IOS 端源码 使用HTML+css+javascript开发移动设备软件的技术
java采购供应平台源码phonegap-ios-google-analytics Phonegap 的分析插件 分析客户端允许您向 Google Analytics 发送页面浏览量、事件、时间。 它还允许您设置已在此帐户上设置的自定义维度(见下文)。 将插件添加...
在简要介绍了PhoneGap的安装和配置信息之后,《PhoneGap入门经典》将迅速引导你使用PhoneGap建立iOS、Android以及BlackBerry应用程序。每一章都对不同的组件提供了深度的视角,并在进入下一阶段前通过练习使你掌握每...
phonegap ios 微信分享需要的东西
跨平台开发技术-PhoneGap从入门到精通(PhoneGap、罗盘、运动传感器、地理位置
压缩包中提供了phonegap项目实例,同时包含调用iosSDK里面地理定位,加速器,联系人,声音和振动等功能的类库,简单易用,未开发节约时间。 PhoneGap是一个开源的开发框架,使用HTML,CSS和JavaScript来构建跨平台...
ios-部署在不使用 Xcode 的情况下安装和调试 iOS 应用程序。 设计用于未越狱的设备。 这是对phonegap/ios-deploy 的修改,将libimobiledevice 用于iOS 设备接口,而不是仅在Windows 和OS X 上可用的Apple 库。要求...
PhoneGap开发ios应用是否要交年费? 答:需要,因为编译后同ios的本地应用没有区别,同样要通过许可证发布到App Store中 2、PhoneGap不同平台的SDK是否一样? 答:不一样,这与不同平台API所相关,如ios是...
它使开发者能够利用iPhone,Android,Palm,Symbian,WP7,Bada和Blackberry智能手机的核心功能——包括地理定位,加速器,联系人,声音和振动等,此外PhoneGap拥有丰富的插件,可以以此扩展无限的功能。PhoneGap是...
xcode 工程代码 打开可以直接运行 自己使用时 只需要修改www文件夹即可