使用Cordova(PhoneGap)进行iOS开发 (环境配置篇)

最近公司想用PhoneGap做跨平台,所以对这块做了一下研究学习.

PhoneGap


使用Cordova(PhoneGap)进行iOS开发 (环境配置篇)_第1张图片

PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用IOS,Android,Palm,Symbian,WP7,WP8,Bada和Blackberry智能手机的核心功能——包括地理定位,加速器,联系人,声音和振动等,此外PhoneGap拥有丰富的插件,可以调用。

业界很多主流的移动开发框架均源于PhoneGap。较著名的有Worklight、appMobi、WeX5等;其中WeX5为国内打造,完全Apache开源,在融合Phonegap的基础上,做了深度优化,具备接近Native app的性能,同时开发便捷性也较好。

Phonegap是一款开源的开发框架,旨在让开发者使用HTML、Javascript、CSS等Web APIs开发跨平台的移动应用程序。原本由Nitobi公司开发,现在由Adobe拥有。

它需要特定平台提供的附加软件,例如iPhone的IOSSDK,Android的Android SDK等,也可以和DW5.5及以上版本配套开发。使用PhoneGap只比为每个平台分别建立应用程序好一点点,因为虽然基本代码是一样的,但是你仍然需要为每个平台分别编译应用程序。

PhoneGap在多个主要的智能手机设备上提供了以下功能的支持:

加速计

摄像头

罗盘

通讯录

文档

地理定位

媒体

网络

通知(警告、声音和振动)

存储

如果正在为iPhone或Android设备做开发,那么这些功能都是支持的。如果是为BlackBerry、webOS、Windows

Phone 7、Symbian或Bada设备做开发,则有些功能就不支持了(例如,在Windows Phone

7上,就不支持摄像头、罗盘或存储功能。老版的BlackBerry型号支持地理定位、通知以及网络的可达性,但仅此而已)。

当然目前PhoneGap缺陷还是蛮多的,比如运行速度慢,UI反应延时——这是个致命伤。不过嘛,这种问题是会随着技术的进步而消失的。对此问题,国内已有WeX5开源框架专门对PhoneGap做了进一步深度优化,基于WeX5框架开发出来的App体验已经接近原生。它的优势是无与伦比的:开发成本低——笔者个人估计,至多是Native

App的五分之一吧。伟大的政论家托马斯·约瑟夫·登宁,资本主义为了100%的利润,它就敢践踏一切人间法律。跨平台的流行是不可避免的。当然,Native

App永远会有一席之地,比如高端游戏.

PhoneGap与Cordova联系

Cordova是PhoneGap贡献给Apache后的开源项目,是从PhoneGap中抽离出的核心代码,是驱动PhoneGap的核心引擎。有点类似Webkit和GoogleChrome的关系。渊源就是:早在2011年10月,Adobe收购了NitobiSoftware和它的PhoneGap产品,然后宣布这个移动Web开发框架将会继续开源,并把它提交到ApacheIncubator,以便完全接受ASF的管治。当然,由于Adobe拥有了PhoneGap商标,所以开源组织的这个PhoneGapv2.0版产品就更名为Apache Cordova。(目前Adobe PhoneGap <===>ApacheCordova,似乎只是包名不一样而已,未来会有多大变化与改变,拭目以待吧!!)


使用Cordova(PhoneGap)进行iOS开发 (环境配置篇)_第2张图片


大体了解下PhoneGap后,下面进入正题

Cordova安装

1. cordova的安装:

1.1 安装cordova需要先安装node.js 。


使用Cordova(PhoneGap)进行iOS开发 (环境配置篇)_第3张图片





1.2 如果你没有安装git client ,需要下载并安装一个git客户端。


1.3 使用node.js的依赖包管理工具npm来进行cordova安装。
打开终端输入如下命令:

sudo npm install-g cordova

如果你觉得很慢的话 推荐使用淘宝NPM镜像

使用cnpm(gzip 压缩支持) 命令行工具代替默认的npm:

$ npm install-g cnpm--registry=https://registry.npm.taobao.org

笔者根据官方命令安装失败,然后改为如下命令

$ sudo npm install -g cnpm --registry=https://registry.npm.taobao.org

然后成功


使用Cordova(PhoneGap)进行iOS开发 (环境配置篇)_第4张图片

用淘宝镜像安装需要在终端使用以下命令行

$ sudo cnpm install -g cordova

安装成功


使用Cordova(PhoneGap)进行iOS开发 (环境配置篇)_第5张图片

创建项目

2.1新建一个cordova的项目

打开终端输入如下命令,该命令可能需要一些时间来完成:

cordovacreatehellocom.example.helloHelloWorld[--template templatePath]



2.2 添加平台

所有后续命令需要在项目的目录中运行,其范围内或任何子目录:

cd hello

在构建项目之前,您需要指定一组目标平台。你能够运行这些命令取决于您的机器是否支持每一个SDK,和你是否已经安装SDK。从Mac运行这些:

cordova platform add ios


使用Cordova(PhoneGap)进行iOS开发 (环境配置篇)_第6张图片

cordova项目运行

3.1  cordova默认使用的 index.html 文件说明

根据自己设置的路径,找到项目


使用Cordova(PhoneGap)进行iOS开发 (环境配置篇)_第7张图片


运行效果如下


使用Cordova(PhoneGap)进行iOS开发 (环境配置篇)_第8张图片

好了,下面就可以用cordova
开发你的程序了.

你可能感兴趣的:(使用Cordova(PhoneGap)进行iOS开发 (环境配置篇))