cordova之旅之初識

emmmm, 一直徘徊在移動端採用什麼技術比較好，一直也沒有找到，讓我爲了一個移動端而去學習一波react全家桶是不現實的操做，反觀本身的技術棧，經過長時間的對比和剖析找到了入口點，無論了先會寫再說吧，沒有過的評價都是瞎BB，cordova  + ionic +angular6之旅正式開啓

cordova是什麼？爲何我要從它入手?

按照我淺淺的理解，cordova是讓前端人員僅僅使用已掌握的知識達到JS也能控制訪問設備硬件的一箇中間層，由前端人員編寫相應的JS代碼，由cordova來作中間人吧JS代碼的意思轉譯成各類設備能聽得懂的「命令」從而作相應的操做的一種機制。

之因此從他入手是，技術棧是ANGULAR，移動端天然而然的就切換到了ionic可是呢，其實還有nativescript，我的更看好ns，可是呢因爲呢ns剛出現的時間不是很長，社區天然就弱啦，cordova的前身若是我講得沒有錯的話是phonegap，算是一種老技術了，已經有很完善的文檔以及不少人都採坑了，遇到坑一搜一大把emmm,廢話很少說啦，此篇介紹環境配置到建立一個應用

環境搭建

環境搭建可謂是很是很是關鍵啊，搭建很差項目根本起不來

　　一、安裝node

　　二、安裝npm

　　上述兩個安裝直接去官網下載操做系統對應的安裝包，傻瓜式安裝，安裝好後進入cmd 經過 node -v npm -v 查看版本，若是都出來啦，就證實都安裝成功啦

　　三、安裝JDK

   　　　　根據官方文檔說的，雖然JDK已經出了10 了，或者你看到更高的版本，可是都要安裝JDK8 更高版本暫不支持 

                 關於JDK的安裝，直接搜索JDK DOWNLOAD便可，或者到cordova官網有個JDK8的傳送門

      4.  配置系統環境變量

                 到目前爲止配置以下幾個環境變量

 

配置完成後，經過cmd 輸入path命令查看是否有以上環境變量路徑，有的話就是配置成功了

　　5. 安裝ANDROID STUDIO

              emmmm, 既然要涉及SDK，等等，能夠選擇性的裝或者不裝，不裝的童鞋，去安卓官網點擊下載的時候會有幾個選項，一個是下載Android studio一個是下載SDK之類的相關工具包二選一，我這裏是下載了，由於可能會用到打包的時候，畢竟曾經學過安卓開發哈哈

       6. 安卓了AS童鞋繼續走，第一次打開AS的時候，會讓你下載SDK 、 platform tools就都下載好啦，下載完成後，在頁面的AVD按鈕點擊建立一個模擬器，版本26開始，不要太高，而且下載想要的SDK

       7. 配置一下環境變量

             

            

         同樣的，配置完成後經過cmd 輸入path命令查看以上路徑是否存在

      至此，環境算是該下載的就下載完了，該配置的也配置完了，那麼開始進入cordova操做階段

使用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應用就能被運行出來了

TIPS

一、 在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