Cordova入門系列（一）建立項目

版權聲明：本文爲博主原創文章，轉載請註明出處

 

 

Cordova是什麼？
　　初學Cordova的人，雖然瞭解一點點，知道Cordova是用來將html, css, js變成app的，但並不知道究竟是怎麼用的，原理是什麼。常常會有這樣的困惑：
　　它是一個能夠把H5代碼變成iOS、安卓等原生代碼的東西？
　　它是一個封裝了H5瀏覽器的殼？能夠裝在iOS、安卓等平臺的app，一打開這個APP就會訪問我web app的內容？
　　仍是一個web前端框架，用戶使用手機自帶瀏覽器訪問個人web app就能夠調用他手機的攝像頭和麥克風？

　　1.它不會把你的前端頁面變成 ios 原生的 objective-c 或者 android 的 java 代碼，你的界面仍是以網頁形式呈現的，渲染在 Android 的 WebView 或 iOS 的UIWebView 中。
　　2.不太像殼，只是在運行在 WebView 中的 javascript 代碼和原生代碼之間建了一座溝通的橋樑，經過它能夠用js去訪問原生應用。
　　3.不是前端框架， bootstrap、angularjs、jqueryUI 這些是前端框架。cordova更像一個工具。

　　簡單點理解，Cordova是一個工具，經過它能夠將你作的html網頁顯示在WebView裏面，而你網頁中用到的JS能夠經過他的API去調用原生的東西，好比照相機等。　　

　　但它作出來的app比原生作出來的app好在哪裏呢，直白點說，簡便，省錢。由於cordova app顯示的頁面全是你作的html頁面，因此說你寫一套code，就能夠用在Android上，IOS上，以及Web上。不用去分別找Android工程師，IOS工程師。

　　接下來咱們一步一步的介紹如何使用Cordova。學習Cordova作app，首先你要會html,js,還要會安卓的原生的東西。否則你仍是別往下看了。

 

Cordova安裝：

　　先安裝Nodejs，再經過npm去安裝cordova，npm install -g cordova。不會的自行百度。安裝完成後執行cordova -v，若是顯示cordova的版本，則安裝成功。固然，作cordova app，也須要首先在電腦上將安卓的那些環境搭建起來，如sdk等。

 

建立第一個Cordova項目helloworld：

　　首先cd到一個指定目錄下，執行cordova create hello com.example.hello HelloWorld，會爲咱們建立一個cordova項目hello。

　　

　　接下來咱們cd到hello下，執行cordova platform add android --save，會在platform下爲咱們添加一個android項目。（我寫的全部的關於cordova的，都是針對Android的，iOS的幾乎不會涉及）。

　　

　　而後將android項目導入到咱們的開發工具中，如eclipse。導入以後會有兩個項目CordovaLib和MainActivity。咱們只須要去關注這個MainActivity就行。運行這個項目，而後在咱們的模擬器裏顯示cordova的歡迎頁。至此，cordova android項目建立成功。下一章解釋代碼，介紹這個項目是如何運行的。