基于cordova开发混合app

cordova一个移动开发框架，本质是在html、css、js外面包装个原生的壳；

cordova提供了一系列设备相关的API，通过这组API，移动应用能够以JavaScript访问原生的设备功能，如摄像头、麦克风等

环境配置

1、安装git和node.js

2、cordova环境安装

npm i cordova -g

3、安装Java JDK

查看版本：java -version 

javac -version

4、安装android studio,安装 Android SDK

4.1、Gradle安装，Gradle是一个基于Apache Ant和Apache Maven概念的项目自动化构建开源工具

4.2、gradle环境搭建

        首先检查java环境

        下载gradle二进制安装包，v5.6.3版本链接

        安装和环境变量配置：

        1）、在C盘新建一个Gradle目录，将安装包解压到该目录下

              

       2）、在环境变量-系统变量-Path新增一项

       C:\Gradle\gradle-5.6.3\bin

       

4.3、安装Android SDK，SDK解决方案

        1）安装好Android Studio,然后在File-Settings中安装SDK

     2）选中要安装的SDK，然后点击apply

      3) 配置SDK的环境，SDK的安装目录：C:\Users\Administrator\AppData\Local\Android\Sdk

       3.1) 环境变量-系统变量-Path新增两项

        C:\Users\Administrator\AppData\Local\Android\Sdk\platform-tools

        C:\Users\Administrator\AppData\Local\Android\Sdk\tools

        并且新增系统变量 ANDROID_HOME, ANDROID_SDK_ROOT变量值均为：

        C:\Users\Administrator\AppData\Local\Android\Sdk

具体Android SDK安装和环境查看该链接

5、创建项目

5.1、cordova create MyApp

列如： cordova create my-cordova-app io.cordova.MyApp MyApp其中，my-cordova-app为项目存放的文件夹名称,

io.cordova.MyApp为反向的域名地址名称,MyApp为项目的名称

5.2、cd MyApp cordova platform add <platform name>

通过指令： cordova platform 能够查看项目支持的所有平台

5.3、cordova run <platform name>

安装对应的平台：cordova platfrom add android

5.4、编译指令： cordova  build

5.5、连接手机安装：cordova run android(platform name)

5.6、连接真机调试：在chrome浏览器中输入： chrome://inspect 这样就可以和连接的手机进行断点调试（可能需要翻墙）

5.7、cordova的事件

http://cordova.axuer.com/docs/zh-cn/latest/cordova/events/events.html