最近在公司使用cordova开发,开始的时候是一脸懵逼啊!这个是什么鬼?所以就抽空学习了一下相应的内容,和大家分享一下,也避免其他小伙伴踩坑!!!
本文知识点
- Cordova在Android Student中创建项目
- 未完待续。。。
1. Android Student中创建Cordova项目
这一块之前我是踩坑最多的地方了,为什么这么说呢?按照网上各位大神的文章怎么也弄不明白,可能实我比较愚笨吧!后来在我的急中生智下,居然好使了。哈哈。 不扯了。准备开车。。。
1.1 先来理解一下Cordova
就是混合开发,多说无益。这里丢一个百度百科关于Cordova介绍简单了解一下就可以了!
1.2 下载Cordova相应的内容
在使用Cordova的使用,我们需要下载 Node.js,这个是下载Cordova所必须的!安装过程一直下一步就可以了!
1.3 下载Cordova的代码
上面我们下载好了Node,下面是我的安装路径
然后运行node.exe输入相应的指令 npm install -g cordova开始下载Cordova的内容,这里就直接等待读条就可以了!这里注意啊!刚开始安装完之后我找不到安装路径,如果你是默认的安装路径的话,应该在如下的路径下:
但是以我的尿性在这里看着多不爽啊!所以我把这个文件直接拷贝到我想放的地方,可能上面的命令可以指定路径吧?但是我不会,所以只有这样了!放哪里,你随便吧。但是之后又出现一个问题?我不能每一次都拿全路径找这个Cordova吧!配置过Java的环境变量吧!所以这里我就直接配置了相应的环境变量!在path变量中直接配置相应的路径就可以了,如下图:
然后你cmd走一波,配置成功的话会看见一大坨东西;
恭喜你配置成功了!!!
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的一波操作。。。还有很多不懂的,希望一起研究!!!
未完待续。。。