emmmm, 一直徘徊在移動端採用什麼技術比較好,一直也沒有找到,讓我爲了一個移動端而去學習一波react全家桶是不現實的操做,反觀本身的技術棧,經過長時間的對比和剖析找到了入口點,無論了先會寫再說吧,沒有過的評價都是瞎BB,cordova + ionic +angular6之旅正式開啓前端
按照我淺淺的理解,cordova是讓前端人員僅僅使用已掌握的知識達到JS也能控制訪問設備硬件的一箇中間層,由前端人員編寫相應的JS代碼,由cordova來作中間人吧JS代碼的意思轉譯成各類設備能聽得懂的「命令」從而作相應的操做的一種機制。node
之因此從他入手是,技術棧是ANGULAR,移動端天然而然的就切換到了ionic可是呢,其實還有nativescript,我的更看好ns,可是呢因爲呢ns剛出現的時間不是很長,社區天然就弱啦,cordova的前身若是我講得沒有錯的話是phonegap,算是一種老技術了,已經有很完善的文檔以及不少人都採坑了,遇到坑一搜一大把emmm,廢話很少說啦,此篇介紹環境配置到建立一個應用react
環境搭建可謂是很是很是關鍵啊,搭建很差項目根本起不來android
一、安裝nodeios
二、安裝npmnpm
上述兩個安裝直接去官網下載操做系統對應的安裝包,傻瓜式安裝,安裝好後進入cmd 經過 node -v npm -v 查看版本,若是都出來啦,就證實都安裝成功啦ionic
三、安裝JDK工具
根據官方文檔說的,雖然JDK已經出了10 了,或者你看到更高的版本,可是都要安裝JDK8 更高版本暫不支持 學習
關於JDK的安裝,直接搜索JDK DOWNLOAD便可,或者到cordova官網有個JDK8的傳送門gradle
4. 配置系統環境變量
到目前爲止配置以下幾個環境變量
配置完成後,經過cmd 輸入path命令查看是否有以上環境變量路徑,有的話就是配置成功了
5. 安裝ANDROID STUDIO
emmmm, 既然要涉及SDK,等等,能夠選擇性的裝或者不裝,不裝的童鞋,去安卓官網點擊下載的時候會有幾個選項,一個是下載Android studio一個是下載SDK之類的相關工具包二選一,我這裏是下載了,由於可能會用到打包的時候,畢竟曾經學過安卓開發哈哈
6. 安卓了AS童鞋繼續走,第一次打開AS的時候,會讓你下載SDK 、 platform tools就都下載好啦,下載完成後,在頁面的AVD按鈕點擊建立一個模擬器,版本26開始,不要太高,而且下載想要的SDK
7. 配置一下環境變量
同樣的,配置完成後經過cmd 輸入path命令查看以上路徑是否存在
至此,環境算是該下載的就下載完了,該配置的也配置完了,那麼開始進入cordova操做階段
// 1. 建立工程 cordova create hello com.example.hello HelloWorld // 2. cd hello工程文件 // 3. 添加要編譯的平臺 ,這裏我以安卓爲例 cordova platform add android | ios // 具體還能夠安裝什麼能夠經過 cordova platform add --help 查看 // 4. 查看已經添加的平臺 cordova platform ls // 5. 檢查要打包的依賴環境是否都齊了,沒有齊全的話在terminal中顯示想要的那些不齊全 cordova requirements // 6. 打包成相應的設備,這裏打包成安卓項目 cordova build andorid // 打包成功後會出現一個platforms的文件夾,這個文件夾不要本身隨便改動,並且每次WWW文件夾有變化的話就要從新打包,想要從新打包的話就要先把以前下載的paltform 刪掉在從新add進來在打包,包括安裝新的插件也是如此 // 7. 運行 // 在模擬器中運行 cordova emulate // 也能夠指定要再哪一個模擬器上運行,模擬器的名稱若是是空格的就換成下劃線 // cordova emulate --AVD_PIXES_26 // 在真機中運行 // cordova run andorid // 真機調試不能文件變一下就會自動聯調,須要本身從新輸入一下真機運行的命令才能夠
至此,一個簡單的cordova應用就能被運行出來了
一、 在AS中導入cordova項目也能打包,只要把cordova project import進入AS 而後選中項目的platform/android文件夾 而後gradle sync一下就能夠打包啦;
2. cordova的官網上代表cordova有不少版本,每一個cordova-andorid的版本想上支持和向下兼容的範圍不同,能夠經過cordova platform add android@版本號 --save 進行變換
3. 添加插件,cordova神奇之處就是他的插件了,他的插件幫咱們作了不少處理來調用設備的硬件
// 添加插件 cordova plugin add 插件名 // 添加插件以前要裝平臺 // 查看已經安裝的插件 cordova plugin ls // 諾要安裝插件,要將原有的platform remove掉,在從新add進來
4. remove platform
cordova platform remove android