最近在公司使用cordova開發(fā),開始的時候是一臉懵逼昂艋痕支!這個是什么鬼?所以就抽空學習了一下相應的內容蛮原,和大家分享一下卧须,也避免其他小伙伴踩坑!H逶伞故慈!
本文知識點
- Cordova在Android Student中創(chuàng)建項目
- 未完待續(xù)。框全。察绷。
1. Android Student中創(chuàng)建Cordova項目
這一塊之前我是踩坑最多的地方了,為什么這么說呢津辩?按照網上各位大神的文章怎么也弄不明白拆撼,可能實我比較愚笨吧!后來在我的急中生智下喘沿,居然好使了闸度。哈哈。 不扯了蚜印。準備開車莺禁。。窄赋。
1.1 先來理解一下Cordova
就是混合開發(fā)哟冬,多說無益楼熄。這里丟一個百度百科關于Cordova介紹簡單了解一下就可以了!
1.2 下載Cordova相應的內容
在使用Cordova的使用浩峡,我們需要下載 Node.js可岂,這個是下載Cordova所必須的!安裝過程一直下一步就可以了翰灾!
1.3 下載Cordova的代碼
上面我們下載好了Node缕粹,下面是我的安裝路徑
然后運行node.exe輸入相應的指令 npm install -g cordova開始下載Cordova的內容,這里就直接等待讀條就可以了纸淮!這里注意捌秸丁!剛開始安裝完之后我找不到安裝路徑咽块,如果你是默認的安裝路徑的話绘面,應該在如下的路徑下:
但是以我的尿性在這里看著多不爽啊糜芳!所以我把這個文件直接拷貝到我想放的地方,可能上面的命令可以指定路徑吧魄衅?但是我不會峭竣,所以只有這樣了!放哪里晃虫,你隨便吧皆撩。但是之后又出現(xiàn)一個問題?我不能每一次都拿全路徑找這個Cordova吧哲银!配置過Java的環(huán)境變量吧扛吞!所以這里我就直接配置了相應的環(huán)境變量!在path變量中直接配置相應的路徑就可以了荆责,如下圖:
然后你cmd走一波滥比,配置成功的話會看見一大坨東西;
恭喜你配置成功了W鲈骸Cし骸!
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ā)現(xiàn)platforms文件夾下面什么都沒有@障骸7睦!然后進入到 hellowCordova 文件夾下修然,添加android平臺的配置笛钝。
cordova platform add android –save
上面這行代碼生成了相應的android所需的內容,之后代碼結構變成了這個樣子愕宋!
基本上上面這一頓操作就基本上完成了玻靡,我看很多人的項目結構是這樣的。
但是我測試Demo的時候中贝,發(fā)現(xiàn)其實很多內容都沒有用囤捻,一頓操作猛如虎。其實我就是把相應的內容整理了一下邻寿,項目結構編程了這個樣子蝎土!
我感覺這樣清爽多了,其實就是把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);
}
}
然后我們就可以愉快的玩耍了1┕埂!段磨!
以上就是Android中使用Cordova的一波操作取逾。。苹支。還有很多不懂的砾隅,希望一起研究!U邸琉用!
未完待續(xù)。策幼。邑时。