最近在公司使用cordova开发,开始的时候是一脸懵逼啊!这个是什么鬼?因此就抽空学习了一下相应的内容,和你们分享一下,也避免其余小伙伴踩坑!!!html
这一块以前我是踩坑最多的地方了,为何这么说呢?按照网上各位大神的文章怎么也弄不明白,可能实我比较愚笨吧!后来在个人急中生智下,竟然好使了。哈哈。 不扯了。准备开车。。。前端
就是混合开发,多说无益。这里丢一个百度百科关于Cordova介绍简单了解一下就能够了!java
在使用Cordova的使用,咱们须要下载 Node.js,这个是下载Cordova所必须的!安装过程一直下一步就能够了!node
上面咱们下载好了Node,下面是个人安装路径android
而后运行node.exe输入相应的指令 npm install -g cordova开始下载Cordova的内容,这里就直接等待读条就能够了!这里注意啊!刚开始安装完以后我找不到安装路径,若是你是默认的安装路径的话,应该在以下的路径下:npm
可是以个人尿性在这里看着多不爽啊!因此我把这个文件直接拷贝到我想放的地方,可能上面的命令能够指定路径吧?可是我不会,因此只有这样了!放哪里,你随便吧。可是以后又出现一个问题?我不能每一次都拿全路径找这个Cordova吧!配置过Java的环境变量吧!因此这里我就直接配置了相应的环境变量!在path变量中直接配置相应的路径就能够了,以下图:编程
而后你cmd走一波,配置成功的话会看见一大坨东西;app
恭喜你配置成功了!!!ide
接下来咱们要准备建立项目了,由于上面已经配置了相应的Cordova路径,因此这里你能够尽情的放肆了!哈哈。。。找一个你喜欢的地方,输入以下命令建立项目:学习
cordova create hellowCordova com.yourname HellowCordova
复制代码
这里说下:
建立以后的项目目录大概是这个样子滴:
图为项目成功建立后的文件结构图,各文件功能以下:
其实这个时候你看看文件结构,你会发现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的一波操做。。。还有不少不懂的,但愿一块儿研究!!!
未完待续。。。