Cordova源码解析(1)_创建Cordova工程

之前学习了cordova的使用,也看了很久的cordova源码,其中翻阅了不少博客文章,但是有些文章写的cordova版本都比较旧,而且内容层次也不深,所以现在把cordova源码的学习写成文章,一是加深自己的理解,二是也希望对大家有所帮助。

本文概览

  • Cordova的介绍
  • Cordova的安装
  • 创建Cordova工程

Cordova的介绍

说到Cordova,它还有另一个名字,最开始叫phonegap,后来被Apache收购后,就把核心代码抽离出来,形成了Cordova,这些在网上都能查到,所以不做过多解释。
Cordova官网是:https://cordova.apache.org/

Cordova的安装

Cordova的安装需要使用到npm,所以第一步要安装NodeJsNodeJs中自带npm。全局安装Cordova使用命令

npm install -g cordova

以前安装的Cordova是6.3.0版本,现在安装的应该是8.1.2。如果以前的电脑上安装过Cordova,现在安装可能会报错,我的就报错了,如下图所示:
在这里插入图片描述
从网上查了下资料,解决了这个问题,需要到C:\Users\admin\AppData\Roaming\npm\node_modules\cordova目录下将cordova目录删除,然后再以管理员的身份运行cmd,如下图所示:
在这里插入图片描述
然后再执行全局安装Cordova命令,安装成功,然后执行cordova -v查看当前版本号
在这里插入图片描述

创建Cordova工程

1、新建一个工作目录,在工作目录中打开控制台,执行命令

cordova create MyApp

会在当前目录下创建一个MyApp的工程,工程目录结构如下:
在这里插入图片描述
2、添加Android平台

cordova platform add android

执行完之后会在platforms目录下创建一个android工程,先不要着急用Android Studio打开Android工程,我们先看下Android工程的gradle配置,其中gradle插件配置使用的是3.0.1,gradle的配置使用的是4.1,编译版本使用的是Android的27,所以,如果默认配置与自己电脑上的配置不一致,我们要先改成自己电脑上的配置,然后再打开Android工程进行编译。

  • 修改Android工程根目录下的build.gradle文件
classpath 'com.android.tools.build:gradle:3.0.1'
project.ext {
  defaultBuildToolsVersion="26.0.2" //String
  defaultMinSdkVersion=19 //Integer - Minimum requirement is Android 4.4
  defaultTargetSdkVersion=22 //Integer - We ALWAYS target the latest by default
  defaultCompileSdkVersion=26 //Integer - We ALWAYS compile with the latest by default
}
  • 修改CordovaLib目录下的build.gradle文件
ext {
    apply from: 'cordova.gradle'
    cdvCompileSdkVersion = 26
    cdvBuildToolsVersion = '26.0.2'
}
dependencies {
    classpath 'com.android.tools.build:gradle:3.0.1'
    classpath 'com.github.dcendents:android-maven-gradle-plugin:1.5'
    classpath 'com.jfrog.bintray.gradle:gradle-bintray-plugin:1.7.3'
}
  • 修改App目录下的build.gradle文件
dependencies {
    classpath 'com.android.tools.build:gradle:3.0.1'
}
task wrapper(type: Wrapper) {
    gradleVersion = '4.1.0'
}
  • 修改Android工程根目录下的project.properties文件
target=android-26

这些修改完之后,重新编译应用,编译完成后运行,会看到显示界面。到此为止,Cordova工程就创建成功了。
在这里插入图片描述

发布了103 篇原创文章 · 获赞 29 · 访问量 3万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览