Cordova在Android中的使用

最近在公司使用cordova開發(fā),開始的時候是一臉懵逼啊!這個是什么鬼?所以就抽空學習了一下相應的內容,和大家分享一下,也避免其他小伙伴踩坑?。?!

本文知識點

  1. Cordova在Android Student中創(chuàng)建項目
  2. 未完待續(xù)。。。

1. Android Student中創(chuàng)建Cordova項目

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

1.1 先來理解一下Cordova

就是混合開發(fā),多說無益。這里丟一個百度百科關于Cordova介紹簡單了解一下就可以了!

1.2 下載Cordova相應的內容

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

1.3 下載Cordova的代碼

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

image

然后運行node.exe輸入相應的指令 npm install -g cordova開始下載Cordova的內容,這里就直接等待讀條就可以了!這里注意??!剛開始安裝完之后我找不到安裝路徑,如果你是默認的安裝路徑的話,應該在如下的路徑下:

image

但是以我的尿性在這里看著多不爽??!所以我把這個文件直接拷貝到我想放的地方,可能上面的命令可以指定路徑吧?但是我不會,所以只有這樣了!放哪里,你隨便吧。但是之后又出現一個問題?我不能每一次都拿全路徑找這個Cordova吧!配置過Java的環(huán)境變量吧!所以這里我就直接配置了相應的環(huán)境變量!在path變量中直接配置相應的路徑就可以了,如下圖:

image

然后你cmd走一波,配置成功的話會看見一大坨東西;

image

恭喜你配置成功了!??!

1.4 新建項目

接下來我們要準備創(chuàng)建項目了,因為上面已經配置了相應的Cordova路徑,所以這里你可以盡情的放肆了!哈哈。。。找一個你喜歡的地方,輸入如下命令創(chuàng)建項目:

cordova create hellowCordova com.yourname HellowCordova

這里說下:

  • hellowCordova 是你創(chuàng)建項目的文件夾名稱
  • com.yourname 是項目的包名
  • HellowCordova 是項目名稱

創(chuàng)建之后的項目目錄大概是這個樣子滴:

圖為項目成功創(chuàng)建后的文件結構圖,各文件功能如下:

  • hooks:存放自定義cordova命令的腳本
  • platforms:存放各個平臺編譯后的文件,注意每次build都會覆蓋修改該目錄下文件
  • plugins:存放插件的目錄
  • www:存放html前端頁面的源碼路徑
  • config.xml:配置文件

其實這個時候你看看文件結構,你會發(fā)現platforms文件夾下面什么都沒有?。?!然后進入到 hellowCordova 文件夾下,添加android平臺的配置。

cordova platform add android –save

上面這行代碼生成了相應的android所需的內容,之后代碼結構變成了這個樣子!

image

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

image

但是我測試Demo的時候,發(fā)現其實很多內容都沒有用,一頓操作猛如虎。其實我就是把相應的內容整理了一下,項目結構編程了這個樣子!

image

我感覺這樣清爽多了,其實就是把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的一波操作。。。還有很多不懂的,希望一起研究!??!

未完待續(xù)。。。

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容