基于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目录,将安装包解压到该目录下

        基于cordova开发混合app      

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

       C:\Gradle\gradle-5.6.3\bin

       基于cordova开发混合app

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

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

基于cordova开发混合app

     2)选中要安装的SDK,然后点击apply

基于cordova开发混合app

      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

基于cordova开发混合app基于cordova开发混合app memedadexixaofeifei 发布了116 篇原创文章 · 获赞 9 · 访问量 2万+ 私信 关注
上一篇:Spring Cloud(Greenwich版)-05-Spring Cloud集成Ribbon(客


下一篇:cordova