Cordova在Android中的使用

筆墨Android發表於2019-01-03
Android

最近在公司使用cordova開發，開始的時候是一臉懵逼啊！這個是什麼鬼？所以就抽空學習了一下相應的內容，和大家分享一下，也避免其他小夥伴踩坑！！！

本文知識點

  1. Cordova在Android Student中建立專案
  2. 未完待續。。。

1. Android Student中建立Cordova專案

這一塊之前我是踩坑最多的地方了，為什麼這麼說呢？按照網上各位大神的文章怎麼也弄不明白，可能實我比較愚笨吧！後來在我的急中生智下，居然好使了。哈哈。 不扯了。準備開車。。。

1.1 先來理解一下Cordova

就是混合開發，多說無益。這裡丟一個百度百科關於Cordova介紹簡單瞭解一下就可以了！

1.2 下載Cordova相應的內容

在使用Cordova的使用，我們需要下載 Node.js，這個是下載Cordova所必須的！安裝過程一直下一步就可以了！

1.3 下載Cordova的程式碼

上面我們下載好了Node，下面是我的安裝路徑

Cordova在Android中的使用

然後執行node.exe輸入相應的指令 npm install -g cordova開始下載Cordova的內容，這裡就直接等待讀條就可以了！這裡注意啊！剛開始安裝完之後我找不到安裝路徑，如果你是預設的安裝路徑的話，應該在如下的路徑下：

Cordova在Android中的使用

但是以我的尿性在這裡看著多不爽啊！所以我把這個檔案直接拷貝到我想放的地方，可能上面的命令可以指定路徑吧？但是我不會，所以只有這樣了！放哪裡，你隨便吧。但是之後又出現一個問題？我不能每一次都拿全路徑找這個Cordova吧！配置過Java的環境變數吧！所以這裡我就直接配置了相應的環境變數！在path變數中直接配置相應的路徑就可以了，如下圖：

Cordova在Android中的使用

然後你cmd走一波，配置成功的話會看見一大坨東西；

Cordova在Android中的使用

恭喜你配置成功了！！！

1.4 新建專案

接下來我們要準備建立專案了，因為上面已經配置了相應的Cordova路徑，所以這裡你可以盡情的放肆了！哈哈。。。找一個你喜歡的地方，輸入如下命令建立專案：

cordova create hellowCordova com.yourname HellowCordova
複製程式碼

這裡說下：

  • hellowCordova 是你建立專案的資料夾名稱
  • com.yourname 是專案的包名
  • HellowCordova 是專案名稱

建立之後的專案目錄大概是這個樣子滴：

圖為專案成功建立後的檔案結構圖，各檔案功能如下：

  • hooks:存放自定義cordova命令的指令碼
  • platforms:存放各個平臺編譯後的檔案，注意每次build都會覆蓋修改該目錄下檔案
  • plugins：存放外掛的目錄
  • www：存放html前端頁面的原始碼路徑
  • config.xml：配置檔案

其實這個時候你看看檔案結構，你會發現platforms資料夾下面什麼都沒有！！！然後進入到 hellowCordova 資料夾下，新增android平臺的配置。

cordova platform add android –save
複製程式碼

上面這行程式碼生成了相應的android所需的內容，之後程式碼結構變成了這個樣子！

Cordova在Android中的使用

基本上上面這一頓操作就基本上完成了，我看很多人的專案結構是這樣的。

Cordova在Android中的使用

但是我測試Demo的時候，發現其實很多內容都沒有用，一頓操作猛如虎。其實我就是把相應的內容整理了一下，專案結構程式設計了這個樣子！

Cordova在Android中的使用

我感覺這樣清爽多了，其實就是把CordovaLib當成一個類庫引入到專案，但是這裡注意在主專案中assets中我把相應的配置都新增進去了！

之後你就直接執行就好了！對了注意繼承關係！

public class MainActivity extends CordovaActivity{
    @Override
    public void onCreate(Bundle savedInstanceState){
        super.onCreate(savedInstanceState);

        // enable Cordova apps to be started in the background
        Bundle extras = getIntent().getExtras();
        if (extras != null && extras.getBoolean("cdvStartInBackground", false)) {
            moveTaskToBack(true);
        }

        // Set by <content src="index.html" /> in config.xml
        loadUrl(launchUrl);
    }
}
複製程式碼

然後我們就可以愉快的玩耍了！！！

以上就是Android中使用Cordova的一波操作。。。還有很多不懂的，希望一起研究！！！

未完待續。。。

相關文章