1-Cordova 項目創建

Cordova是基於手機原生系統瀏覽器內核爲界面核心渲染引擎的跨平臺開發框架。它提供了一組設備相關的API,通過這組API,移動應用能夠以JavaScript訪問原生的設備功能,如攝像頭、麥克風等。還提供了一組統一的JavaScript類庫,以及爲這些類庫所用的設備相關的原生後臺代碼。支持如下移動操作系統:iOS, Android,ubuntu phone os, Blackberry, Windows Phone, Palm WebOS, Bada Symbian。
 
系統環境要求
名稱
版本
hbuilder
使用8.8.0及以上版本
cordova
6..0.0及其以上版本
 
Cordova環境搭建
1.安裝Node.js
主要是用來下載和安裝 Cordova
下載地址:https://nodejs.org將下載下來的 msi 文件運行安裝即可。
在命令提示符(cmd)中運行 npm -v,如果出現版本號則說明 Node.js 安裝成功
 
2.安裝Cordova CLI
運行該命令安裝:npm install -g cordova
以後如果要更新 Cordova,運行該命令:npm update cordova –g
cordova 更新完成後,還需要更新項目(比如更新 ios 項目):cordova platform update ios
測試Cordova是否安裝成功:
在命令提示符(cmd)中運行 cordova –v,顯示版本號則證明安裝成功。
 
3.Hbuilder安裝
HBuilder官網下載地址:http://www.dcloud.io/,點擊免費下載,根據自己電腦是windows或者mac版本下載最新版本的HBuilder。
下載完成後,不用進行安裝,直接解壓,運行應用程序就OK了。
 
4.殼項目創建
在指定的文件夾下創建工程,先進入相應的文件下,運行下面命令,即可在指定路徑創建工程。
運行命令:Cordova create Loginapp創建殼基礎項目
創建成功
添加Android平臺:(ios一樣)
進入開始創建的項目Loginapp,運行命令:cordova platform add android 添加相應的原生平臺支持,這裏已android平臺爲例進行介紹。
待命令執行完成後,在我們開始新建的殼基礎項目的platforms目錄下就會生成android文件夾,這樣殼項目就新建完成了。
添加成功:
5.打開已經安裝的Hbuilder開發工具,新建界面工程。
 
6.項目運行
Hbuilder中編寫界面靜態html+js文件,複製到殼項目的www目錄下;
修改殼程序中config.xml文件,修改html入口文件;
進入殼項目,運行命令:Cordova build android,到此應用就編譯完成了;
 
編譯成功後,連接手機設備或者虛擬機,運行命令:cordova run android 應用就可以在設備上安裝運行。
 
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章