Cordova在Android中的使用

最近在公司使用cordova開發,開始的時候是一臉懵逼啊!這個是什麼鬼?因此就抽空學習了一下相應的內容,和你們分享一下,也避免其餘小夥伴踩坑!!!html

本文知識點

  1. Cordova在Android Student中建立項目
  2. 未完待續。。。

1. Android Student中建立Cordova項目

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

1.1 先來理解一下Cordova

就是混合開發,多說無益。這裏丟一個百度百科關於Cordova介紹簡單瞭解一下就能夠了!java

1.2 下載Cordova相應的內容

在使用Cordova的使用,咱們須要下載 Node.js,這個是下載Cordova所必須的!安裝過程一直下一步就能夠了!node

1.3 下載Cordova的代碼

上面咱們下載好了Node,下面是個人安裝路徑android

而後運行node.exe輸入相應的指令 npm install -g cordova開始下載Cordova的內容,這裏就直接等待讀條就能夠了!這裏注意啊!剛開始安裝完以後我找不到安裝路徑,若是你是默認的安裝路徑的話,應該在以下的路徑下:npm

可是以個人尿性在這裏看着多不爽啊!因此我把這個文件直接拷貝到我想放的地方,可能上面的命令能夠指定路徑吧?可是我不會,因此只有這樣了!放哪裏,你隨便吧。可是以後又出現一個問題?我不能每一次都拿全路徑找這個Cordova吧!配置過Java的環境變量吧!因此這裏我就直接配置了相應的環境變量!在path變量中直接配置相應的路徑就能夠了,以下圖:編程

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

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

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所需的內容,以後代碼結構變成了這個樣子!

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

可是我測試Demo的時候,發現其實不少內容都沒有用,一頓操做猛如虎。其實我就是把相應的內容整理了一下,項目結構編程了這個樣子!

我感受這樣清爽多了,其實就是把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的一波操做。。。還有不少不懂的,但願一塊兒研究!!!

未完待續。。。

相關文章
相關標籤/搜索