在調(diào)研了React Native,Weex,以及Cordova之后,由于前兩個都環(huán)境都沒有搭起來,碰巧cordova比較順利,就選擇了cordova這個工具,后來發(fā)現(xiàn)cordova的插件還是很豐富的,基本上需求都可以滿足了。

開發(fā)環(huán)境搭建
對于Android平臺windows開發(fā)環(huán)境搭建,需要用到JAVA,Android SDK,設(shè)備模擬器,構(gòu)建工具Gradle。具體的環(huán)境搭建文檔如下:
對于ios應(yīng)用的開發(fā),由于我也沒有ios的設(shè)備(我是窮逼),也沒有研究那個方向,后面有機會再繼續(xù)補充。環(huán)境搭建肯定會有問題,具體遇到問題也沒有一個文檔可以解決的,大家碰到問題再查閱相關(guān)資料就好,問題都不大。
安裝Cordova-CLI命令行工具
下載和安裝Node.js。安裝完成后你可以在命令行中使用node和npm。
$ sudo npm install -g cordova ? //安裝cordova 命令行工具
$ cordova create hello com.example.hello HelloWorld ?//初始化項目
$ cd hello
$ cordova platform add android --save ?//添加android平臺
$ cordova requirements //檢測是否滿足構(gòu)建平臺的要求
$ cordova build android //打包android應(yīng)用apk
上述步驟為初始化cordova應(yīng)用,添加平臺和代碼打包的命令,更詳細(xì)的命令可以參考Cordova create 命令參考文檔。通過命令行初始化的文件的根目錄包含了一個www目錄,用來放置前端程序(webApp),入口是index.html,后面我們將用我們自己的項目去替換這個目錄下的文件。
Cordova 插件安裝
如果你需要接觸到設(shè)備級別的特性,例如推送消息,讀?。鎯ξ募?,拍照,支付等功能,就需要安裝cordova的插件了。cordvova的插件還是很豐富的,基本上能夠滿足需求,如果真的不滿足需求,還可以自己開發(fā)插件,這個筆者也沒有實踐過,后期有機會可以補上。
下面是添加拍照功能插件的例子:
$ cordova plugin add cordova-plugin-camer? //添加插件
$ cordova plugin remove cordova-plugin-camer? //移除插件
插件的使用,后面再具體描述,下一篇主要記錄一下VUE的初始化和與cordova的集成。