Cordova探險系列(一個)

最先接觸PhoneGap平臺是在1年多以前,可使用HTML、CSS和JavaScript跨平臺來編寫Android或者IOS設備程序。並且應用的核心代碼不需要多少改動就行移植。確實讓我感受的到它應該是將來移動設備開發的趨勢。前端

Web程序猿,特別是前端程序猿,能夠輕鬆的經過Web技術來編寫移動設備軟件。node

但是當時給我帶來的感受是應用的響應速度太慢,提供的API不全。能夠實現的功能很少。PhoneGap通過1年多的沉澱。如今過頭再來看PhoneGap,它又是什麼樣的呢?有哪些進步呢?android

Cordova是什麼?

Apache Cordova是PhoneGap貢獻給Apache後的開源項目,是從PhoneGap中抽出的核心代碼,是驅動PhoneGap的核心引擎。ios

Cordova是一個設備API的集合,它贊成手機開發人員經過JavaScript去訪問設備原生功能,好比相機。重力感應等。web

結合UI框架,好比jQuery Mobile,Dojo Mobile或者Sencha Touch。可以讓開發人員經過HTML,CSS和JavaScript開發手機應用。npm

當使用Cordova的API時,應用可以在沒有不論什麼原生代碼(Java。Object-C等)的狀況下構建。並且,儘管使用着Web開發技術。但是該應用倒是在本機執行,而不是遠程的Web應用)。編程

並且因爲提供的JavaScript的API在多個設備平臺都保持一致性並且基於web標準,因此,應用可以在差點兒沒有不論什麼改動的狀況下應用到各個不一樣的設備平臺。bash

使用Cordova開發的應用仍然是使用平臺的SDK打包,可以放置到每個設備平臺的應用商店中。框架

Cordova提供了一套統一的JavaScript庫,其背後使用平臺相應的代碼來驅動設備。Cordova支持的平臺有:IOS。Android,Blackberry。Windows Phone。Palm WebOS。Bada和Symbian。ui

怎樣開始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 

此時,模擬器會啓動。並本身主動安裝應用,效果應該例如如下:

Jasmine

7.實體機上執行

將你的設備插到電腦上,而後執行命令:

1
cordova run android 

應用程序將被安裝到你的手機。

相關文章
相關標籤/搜索