Win10 配置ionic cordova 打包android apk 环境

约定不等于承诺〃 2021-09-15 23:22 547阅读 0赞

### 前言 ###

Ionic3对官方的super模板项目打包成android的apk过程实验，踩了好多坑，在此总结一下  
    使用的环境是`windows10`\+`jdk8`

### 1、添加配置android SDK ###

坑1：在windows和macOS中android SDK 是不一样的。需要下载不同的版本  
    **1.1下载 Android SDK Manager**  
        官方网址：[http://www.androiddevtools.cn/][http_www.androiddevtools.cn]

![70][]  
     **1.2、安装Android SDK Manager**  
        1.安装Android SDK Manager。  
        2.打开Android SDK Manager。  
        3.在manager顶部`tool` \->`option`。

![70 1][]  
        4.http proxy server这里填写：`mirrors.neusoft.edu.cn` ，端口填写`80`，然后把Force https:// 前的勾勾上

![70 2][]

**1.3、下载对应的android SDK**

在 android sdk中下载的必须项为：`Android SDK Tools` 、`Android SDK Platform-tools` 、 和一组对应版本的`Android SDK Build-tools` 和 `SDK platform`

坑2：一开始下载`Android SDK Build-tools 24.0.2`和`SDK platform 24` ，但是在打包的时候提示我

![这里写图片描述][70 3]  
         我又在 Android SDK Manager中下载了`Android SDK Build-tools26.0.2` 和`SDK platform 26`，这样可以编译通过  
之后才发现`platform/android/project.propertie`中有一个配置项

target=android-26

在这可以选择编译android版本

**1.4配置ANDROID\_HOME环境变量**

1.配置ANDROID\_HOME

ANDROID_HOME = D:\Program Files (x86)\Android\android-sdk

2.在path中配置

%ANDROID_HOME%\tools
    %ANDROID_HOME%\platform-tools

### 2、配置Gradle ###

Gradle下载地址：[http://services.gradle.org/distributions/][http_services.gradle.org_distributions]  
    选择下载：gradle-4.1-all.zip  
     **2.1配置Gradle环境变量**  
          配置GRADLE\_HOME

GRADLE_HOME = D:\Program Files\gradle-4.1

在path中配置

%GRADLE_HOME%\bin

验证

gradle -v

![这里写图片描述][70 4]  
          到此，环境配置结束

### 3、打包apk ###

**1.为项目添加平台**  
        在ionic项目下执行

ionic cordova platform add android

在ionic项目下执行

ionic cordova build android --prod

即可完成apk打包 ,Apk传到手机安装

### 注意 ###

注：只是简单官网实例，在进行复杂的应用的时候可能还需要添加插件的操作

[http_www.androiddevtools.cn]: http://www.androiddevtools.cn/
[70]: /images/20210726/a1bb689926224f84a0f457bb72fd47c4.png
[70 1]: /images/20210726/6b2dc00c1ab148e3b7fcaa17e692de3b.png
[70 2]: /images/20210726/a9ce654923f24b90a0f8506654c01e65.png
[70 3]: /images/20210726/36e775737a9f417a8f1713237893a16a.png
[http_services.gradle.org_distributions]: http://services.gradle.org/distributions/
[70 4]: /images/20210726/a0bc4a5b75b8479baf4169d3b36bc74c.png