利用Cordova對H5頁面進行APP開發打包

一直以來app的開發都分為android版本和ios版本,同一款app需要寫兩種版本，版本有差異不說，耗費的成本加成。 cordova的出現就是一股清流，它能實現將h5頁面打包成android或ios版本，實現了android、ios、pc端頁面的統一。 內容都用h5書寫，差異性和成本都下降了。它所支援的各種開源外掛程式也能輕鬆實現對手機眾多介面的調用，功能性上沒有問題。

操作需要掌握一定NodeJs

Cordova的安裝：

下載jdk，安裝JAVA環境，配置系統內容。網上都有教程

開啟cmd命令列，運行npm install -g cordova，全域安裝cordova。

測試是否安裝好了cordova，繼續在命令列裡輸入cordova -v,檢查cordova版本號碼，如果有版本資訊則說明已成功安裝cordova。

建立cordova項目 cordova create folderName

進入建立cordova項目的檔案夾 cd folderName

建立android項目cordova platform add android

建立ios項目cordova platform add ios

folderName目錄下有一個www檔案夾，裡面放自己項目裡的html、js、css、image檔案。將程式碼封裝成apk檔案cordova build

資料線將手機串連至電腦，手機開啟USB偵錯模式。輸入命令cordova run android –service可在手機上安裝安卓程式包，進行項目預覽和調試。

cordova的功能不止於此，官網有更詳細的介紹，開啟cordova官網。官網附有調用手機功能或其他功能的外掛程式。github上搜尋cordova + 關鍵字也可以找到很多很有用的外掛程式。繼續保持學習吧。

轉載於 http://www.xiaoyuezhang.com/artical/cordova.html