Mac下使用Phonegap(Apache Cordorva)开发iOS应用

Phonegap自从捐赠给Apache基金会后,改名字为Cordova了,文章发表时的稳定版本是 2.6.0 。

Apache Cordova提供了使用Web技术来开发Mobile应用的方式,目前支持Android、IOS、Windows Phone、Blackberry等近十种平台。通过使用Javascript API的方式,使得Web应用能够访问设备的各种特性,下面来介绍下如何用它来开发iOS应用。

必要条件:

Mac OS X操作系统(10.7.4+)、Xcode 4.5和iOS6 SDK、Xcode命令行工具、iOS设备。

安装Cordova:

从 这里 下载最新版本的Phonegap,我下载的是2.6.0。下载后对压缩包进行解压缩。

创建工程:

在早期的Phonegap版本中,会提供一个dmg安装包,安装后就会在Xcode中添加一个Phonegap的工程模板。但是新的2.6.0不再采用这种方式,而是使用了命令行的创建方式。

解压缩后,我们可以在lib目录下看到众多的平台类型,找到ios然后使用Terminal进入到bin目录下。

执行:

./create ~/Documents/ProjectDestination/Helloworld cn.blogs.cocowool HelloWorld

整个命令有三个主要参数:

1、项目存放路径(Project Location)。通过create方法创建的路径将保存在这个路径中。

2、包名(Package Name)。

3、项目名称(Project Name)。

可选的参数:

使用默认的方式创建工程会将必要的库文件从Cordorva的发布文件夹拷贝到你的项目文件夹中。存放在CordovaLib目录下。但是有些开发人员喜欢在多个项目中公用一个CordovaLib,这样当Lib更新时所有项目都会更新。使用--share参数,可以将CordovaLib作为一个软链接,链接到create所在的位置。

执行程序:

使用Finder定位到项目目录,双击 HelloWorld.scodeproj 就会在Xcode中打开项目。默认的模拟器是iPad,修改为你需要的模拟器。执行 Command + R 就可以运行项目,效果如下:

现在,我们就可以利用Cordorva的API来编辑 www 目录下的文件,来实现自己想要的功能了。

参考资料:

1、Getting Started with iOS

2、百度百科 Phonegap

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Android开发指南

eclipse使用和快捷键

43590
来自专栏IMWeb前端团队

开源跨平台移动项目Ngui【简介】

Ngui简介 这是一个GUI的排版显示引擎和跨平台的GUI应用程序开发框架,基于NodeJS/OpenGL,这也是第一个在移动端Android/iOS融合Nod...

24060
来自专栏Ken的杂谈

.NET Core快速入门教程 5、使用VS Code进行C#代码调试的技巧

启动调试后,程序启动,并会停留在第一个断点这一行。且这行的代码并未执行。 VS Code会自动唤出Debug工作区,本文将逐步介绍常用功能。

23110
来自专栏ShaoYL

XCode的debug断点调试

40170
来自专栏破晓之歌

前端开发必备!Emmet使用手册 转

Emmet (前身为 Zen Coding) 是一个能大幅度提高前端开发效率的一个工具:

8410
来自专栏Java后端技术

spring-boot-starter大力出奇迹

​  上篇文章我们已经聊了SpringBoot的启动过程中的各类扩展点,那么从http://start.spring.io上我们生成的demo项目中,到目前就剩...

20520
来自专栏hbbliyong

web程序打包详解

   重要更新:鉴于很多小伙伴们说看不到图,我这边换了几个浏览器看了下,都看得到的,估计是网速问题,请耐心等待,另外,为了更好的方便大家学习,特此提供源码以及一...

44370
来自专栏web编程技术分享

用eclipse开发项目时遇到的常见错误,和配套解决方案(不定时更新)

29770
来自专栏大数据钻研

前端开发必备!Emmet使用手册

介绍 Emmet (前身为 Zen Coding) 是一个能大幅度提高前端开发效率的一个工具: 基本上,大多数的文本编辑器都会允许你存储和重用一些代码块,我们称...

40880
来自专栏小樱的经验随笔

记一次用WPScan辅助渗透WordPress站点

WPScan 是一个扫描 WordPress 漏洞的黑盒子扫描器,它可以为所有 Web 开发人员扫描 WordPress 漏洞并在他们开发前找到并解决问题。我们...

31130

扫码关注云+社区

领取腾讯云代金券