macOS 配置ionic cordova 打包android apk 环境

小灰灰 2021-09-15 23:04 476阅读 0赞

### 前言 ###

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

### 打包过程 ###

#### 1.为项目添加平台 ####

在ionic项目下执行

ionic cordova platform add android

#### 2.添加配置android SDK ####

**坑1：**在windows和macOS中android SDK 是`不一样`的。需要下载`不同`的版本

**2.1下载 Android SDK Manager**

官方网址：[http://www.android-studio.org/][http_www.android-studio.org]  
          新浪的24.4.1版本：[http://down.tech.sina.com.cn/page/45703.html][http_down.tech.sina.com.cn_page_45703.html]

**2.2设置下载的代理服务器**  
         1.将下载压缩包解压。  
         2.进入到下载解压文件的tools目录  
         3.在终端用命令输入`./android sdk`调出`SDK Manager`的图形界面  
         4.Mac的顶部找到`Android SDK Manager` \-> `Preferences`  
         5.http proxy server这里填写： `mirrors.neusoft.edu.cn` ，端口填写80，然后把Force https:// 前的勾勾上  
![70][]

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

![70 1][]  
![70 2][]  
![70 3][]

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

![这里写图片描述][70 4]

我又在 `Android SDK Manager`中下载了`Android SDK Build-tools26.0.2` 和 `SDK platform 26`，这样可以编译通过  
        之后才发现`platform/android/project.properties`中有一个配置项

target=android-26

在这可以选择编译android版本

**2.4配置ANDROID\_HOME环境变量**  
        打开终端

cd ~
      open .bash_profile
      export ANDROID_HOME=/Users/idomyway/Documents/aItemConfigure/android-sdk-macosx
      export PATH=$PATH:$ANDROID_HOME/tools
      export PATH=$PATH:$ANDROID_HOME/platform-tools

关闭`.bash_profile`后，执行指令，让设置生效

source .bash_profile

在终端输入

adb version

显示  
        `Android Debug Bridge version 1.0.40`  
        `Version 4797878`

表示`ANDROID_HOME`环境变量配置成功

### 3.配置Gradle ###

Gradle下载地址：[http://services.gradle.org/distributions/][http_services.gradle.org_distributions]  
        选择下载：`gradle-4.1-all.zip`

打开终端

cd ~
    open .bash_profile
    export GRADLE_HOME=//Users/idomyway/Documents/aItemConfigure/gradle-4.3.1
    export PATH=$PATH:$GRADLE_HOME/bin

关闭`.bash_profile`后，执行指令，让设置生效

source .bash_profile

在终端输入`gradle -version`验证

到此，环境配置结束

### 4.打包apk ###

在ionic项目下执行

ionic cordova build andriod --prod

即可完成apk打包 ,Apk传到手机安装  
![70 5][]

### 注意 ###

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

[http_www.android-studio.org]: http://www.android-studio.org/
[http_down.tech.sina.com.cn_page_45703.html]: http://down.tech.sina.com.cn/page/45703.html
[70]: /images/20210726/e8ba5a1ef50046ceb45d69d8c6b1ae11.png
[70 1]: /images/20210726/29b5e3334ef14300ad36288cbf807cb5.png
[70 2]: /images/20210726/bd859f480531470a9820ac39c292c6a2.png
[70 3]: /images/20210726/a67b6907cc4a4997996755728275be59.png
[70 4]: /images/20210726/0dfb44bc1ed84899a9155028344d8733.png
[http_services.gradle.org_distributions]: http://services.gradle.org/distributions/
[70 5]: /images/20210726/92c10c0ac1b1493aa5d931006bbfe952.png