最近在公司使用cordova开发,开始的时候是一脸懵逼啊!这个是什么鬼?所以就抽空学习了一下相应的内容,和大家分享一下,也避免其他小伙伴踩坑!!!

本文知识点

  1. Cordova在Android Student中创建项目
  2. 未完待续。。。

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的一波操作。。。还有很多不懂的,希望一起研究!!!

未完待续。。。