cordova 环境搭建

APK环境搭建

 

 

一.环境搭建

  1. 安装JDK8

(1) 官网下载地址:https://www.oracle.com/java/technologies/javase/javase-jdk8-downloads.html,下载完后直接安装

(2) 配置环境变量

(3) 测试JDK是否安装配置OK

 
   

 

  1. 安装node.js

推荐安装v10.16.0

 

  1. 下载安卓工具
    ①Android Studio https://developer.android.google.cn/studio/
    下载完后,静默安装,
    ②安装Android SDK
    Android Studio安装完成后:打开Android Studio ,
    点击File > 搜索框输入Android SDK ,这时候会出现你已经安装的和Google提供的所有sdk,最新的已经到了sdk api28,根据需要勾选相应的sdk,然后邮编sdk tool也提供了很好的sdk有关的tool



    弹出提示点击确定

继续安装,会进行下载再解压安装。


等待片刻即可完成。

Android SDK环境变量的配置

首先在环境变量中添加 ANDROID_HOME 该变量指向SDK的安装路径的跟目录,比如:

D:AndroidSDK

Path变量中加入tools 和 platform-tools

%ANDROID_HOME%tools;

%ANDROID_HOME%platform-tools

验证配置结果

 

打开cmd 输入  adb

 

只要不报错 就说明对了

Gradle的安装和配置

配置gradle的环境变量

 

在环境变量中配置 GRADLE_HOME  该变量指向 gradle解压的根目录

 

再配置 Path   %GRADLE_HOME%bin;

校验配置结果

gradle -v

Cordova 的安装

cordova全局安装

 

npm install -g cordova

校验

cordova -v

 

Cordova 的基本操作

cordova创建项目

 

cordova create 项目文件名 包名 项目名

 

cordova create XiaoEr com.jinanluke.shipper XiaoEr

 

cordova 创建安卓平台

 

cordova platform add android@安卓版本

 

cordova platform add android

 

cordova 移除安卓平台

cordova platform remove android

 

cordova 下载cordova插件

 

cordova plugin add 插件名

 

商城项目用的到插件有:
cordova-plugin-android-permissions //权限插件
cordova-plugin-ionic-webview //H5调用cordova.js
cordova-plugin-splashscreen //设置屏幕超时时间
phonegap-plugin-barcodescanner //扫码

cordova-plugin-cache-clear// 清除缓存

cordova-plugin-crosswalk-webview //兼容不同android系统,使webview不会因为android 版本而异(非必须,按需添加)

 

 

自定义插件:

com-darryncampbell-cordova-plugin-intent //调起安卓系统Activity

cordova-plugin-jlsoft-AuthCCB // 初始化建行授权码

注意:自定义插件安装方式为: cordova plugin add 自定义插件文件路径

 

cordova 移除插件

 

cordova plugin remove 插件名

 

 

 

cordova 打包debug版app

 

cordova build android

怎么找打包后的apk在哪?

 

 

cordova 打包正式版

 

cordova build android --release

这块需要签名文件

怎么生存签名文件 这次先不说

 

cordova 怎么真机调试

手机连电脑 打开开发者模式 允许USB调试 

 

cordova run android  调试debug版

 

cordova run android --release 调试正式版

 

cordova 怎么能用Android Studio来调试

点击File>Open,找到自己的cordova 项目,如图选择到android

 

 

 

查询版本

查询版本的对应关系可以到官网:
https://cordova.apache.org/docs/en/9.x/guide/platforms/android/index.html#page-toc-source如图:分别对应了所需要的cordova-android version、SDK manager中的API Levels和手机设备上看到的android版本号


 

posted @ 2021-05-25 10:53  干饭仙人  阅读(179)  评论(0)    收藏  举报