Cordova：初始化安卓WebView套壳应用

1 简介

Cordova是一个开源的移动开发框架，可以使用前端Web技术进行跨平台开发，这里简单介绍如何通过Cordova初始化一个Andorid项目。更多框架方面的介绍可参考Cordova官网和Cordova中文网，下面是官方的Cordova架构图：

2 安装

当前最新版本9.0.0 (cordova-lib@9.0.1)，可使用下面命令安装，安装完成后可使用命令cordova -v查看，更多命令可在终端输入cordova回车查看。

npm i -g cordova

3 创建项目

在要创建项目的目录下执行以下命令

cordova create h-cordova-app com.xxx.cordova.app HCordovaApp

• h-cordova-app 项目目录名称
• com.xxx.cordova.app 项目的id，包名
• HCordovaApp 应用名称

4 添加平台

这里只添加android平台，会在项目的根目录的platforms文件夹下生成android项目，命令如下：

如果需要对项目内一些代码进行调整，可导入到如Android Studio的开发工具中，导入根目录下的platforms/android文件夹即可

cordova platforms add android

5 项目构建

5.1 调整依赖仓库

为了防止国内下载依赖包速度慢，在h-cordova-app/platforms/android目录下的build.gradle文件中调整依赖库下载地址，文件中buildscript和allprojects下的repositories节点调整如下（优先使用阿里云仓库）：

repositories {
    maven { url 'http://maven.aliyun.com/nexus/content/groups/public/' }
    maven {
        url "https://maven.google.com"
    }
}

5.2 编译项目

进入项目根目录执行以下命令，编译安卓项目，编译成功后可查看生成的apk文件，如下图

cordova build android

6 应用安装

将生成的apk安装后运行效果如下，默认应用启动后会访问根目录下www文件夹下的index.html作为启动页面，也可以配置为访问某个网址，后续文章会进行介绍。