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的一波操做。。。还有不少不懂的,但愿一块儿研究!!!

未完待续。。。

相关文章
相关标签/搜索