Cordova探险系列(一个)

时间:2021-07-05 10:29:02

最早接触PhoneGap平台是在1年多之前,可以使用HTML、CSS和JavaScript跨平台来编写Android或者IOS设备程序。而且应用的核心代码不须要多少改动就行移植。确实让我感觉的到它应该是未来移动设备开发的趋势。

Web程序猿,特别是前端程序猿,可以轻松的通过Web技术来编写移动设备软件。

可是当时给我带来的感觉是应用的响应速度太慢,提供的API不全。可以实现的功能不多。PhoneGap经过1年多的沉淀。现在过头再来看PhoneGap,它又是什么样的呢?有哪些进步呢?

Cordova是什么?

Apache Cordova是PhoneGap贡献给Apache后的开源项目,是从PhoneGap中抽出的核心代码,是驱动PhoneGap的核心引擎。

Cordova是一个设备API的集合,它同意手机开发人员通过JavaScript去訪问设备原生功能,比如相机。重力感应等。

结合UI框架,比如jQuery Mobile,Dojo Mobile或者Sencha Touch。能够让开发人员通过HTML,CSS和JavaScript开发手机应用。

当使用Cordova的API时,应用能够在没有不论什么原生代码(Java。Object-C等)的情况下构建。而且,尽管使用着Web开发技术。可是该应用却是在本机执行,而不是远程的Web应用)。

而且由于提供的JavaScript的API在多个设备平台都保持一致性而且基于web标准,所以,应用能够在差点儿没有不论什么改动的情况下应用到各个不同的设备平台。

使用Cordova开发的应用仍然是使用平台的SDK打包,能够放置到每一个设备平台的应用商店中。

Cordova提供了一套统一的JavaScript库,其背后使用平台相应的代码来驱动设备。Cordova支持的平台有:IOS。Android,Blackberry。Windows Phone。Palm WebOS。Bada和Symbian。

怎样開始Cordova编程?

1.下载并安装node.js(假设你已经安装过,就不用了)

http://nodejs.org/

2.安装Cordova

1
sudo npm install -g cordova

3.创建应用程序

1
cordova create hello com.example.hello HelloWorld

4.加入应用平台

这里加入的是Android应用程序

你可能会得到例如以下信息:

Error: ERROR : executing command ‘ant’, make sure you have ant installed and added to your path.

说明你须要安装ant,方法例如以下:

1
2
brew update
brew install ant

然后加入应用平台

1
cd hello

首先进入到hello文件夹下

1
cordova platform add android

这里也能够删除一个应用平台

1
cordova platform rm android

通过ls命令

1
cordova platforms ls

能够查看你安装关于平台的信息,比如。我的是:

Installed platforms: android 3.3.0

Available platforms: blackberry10, firefoxos, ios

5.构建应用程序

在进行构建之前,先确保你的Android SDK配置好了。

须要下载Android的SDK,并设置Path到系统路径下。

安装Android SDK(Mac平台。下载解压缩即可)

配置SDK的Path到系统路径

1
touch ~/.bash_profile; open ~/.bash_profile

在profile文件里加一句话:

export PATH=${PATH}:/Users/twer/Downloads/adt-bundle-mac-x86_64-20131030/sdk/platform-tools:/Users/twer/Downloads/adt-bundle-mac-x86_64-20131030/sdk/tools

记得要指定你自己的路径。

最后还要运行profile将它更新到你的系统path下。

1
source ~/.bash_profile

然后你就能够開始构建了:

1
cordova build

当然你也能够正对某一个平台构建:

1
cordova build android

6.在模拟器上执行

1
cordova emulate android

此时,模拟器会启动。并自己主动安装应用,效果应该例如以下:

Cordova探险系列(一个)

7.实体机上执行

将你的设备插到电脑上,然后执行命令:

1
cordova run android

应用程序将被安装到你的手机。

版权声明:本文博客原创文章,博客,未经同意,不得转载。