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的幾乎不會涉及)。

創建ios與Android類似執行cordova platform add ios --save,刪除對應平台 cordova platform remove ios  查看cordova相關命令

  

  然后將android項目導入到我們的開發工具中,如eclipse。導入之后會有兩個項目CordovaLib和MainActivity。我們只需要去關注這個MainActivity就行。運行這個項目,然后在我們的模擬器里顯示cordova的歡迎頁。至此,

cordova android項目創建成功。下一章解釋代碼,介紹這個項目是如何運行的。

  

 

    點擊查看原文

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM