Mac ionic3.20.1打包 Android Apk安装包

Mac ionic3.20.1打包 Android Apk安装包

1. 安装node.js

   上node.js官网下载稳定版

直接安装指示，下一步完成

 打开终端，输入`node -v` 出现下图证明安装成功

2.安装jdk 1.8

上 oracle 官网页面最下面点击红色区域

下载jdk，点击jdk安装包，然后在双击安装，按照指示完成安装。

配置环境变量

• 打开终端 输入cd ~

• 再输入touch .bash_profile 创建配置文件

• 再输入open .bash_profile 打开配置文件输入下列配置

  JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk1.8.0_201.jdk/Contents/Home
  PATH=$JAVA_HOME/bin:$PATH:.
  CLASSPATH=$JAVA_HOME/lib/tools.jar:$JAVA_HOME/lib/dt.jar:.
  export JAVA_HOME
  export PATH
  export CLASSPATH
  

• 注意：第一条是jdk的安装目录

• 完成后输入，关闭配置文件，终端输入source .bash_profile ,使配置文件生效

• 打开终端，输入java -version，java 和javac 都有东西出来就是安装成功

4. 安装Ansdroid sdk

• 可以参照这个博客 在MAC中安装Android SDK 进行安装Android sdk

  博客地址 https://blog.csdn.net/zhaikun68/article/details/80240226

• 注意记得勾选好自己的需要的sdk配置。

5. 安装gradle

• 进入 gradle 官网，本人使用的是gradle4.5.1 所以建议使用gradle4.5.1版本或更高的版本

• 下载完成后，解压，然后配置环境变量，打开终端，输入open .bash_profile ,写入下列配置信息

  GRADLE_HOME=/Users/cdh/Documents/remember/gradle-4.5.1
  export GRADLE_HOME
  export PATH=$PATH:$GRADLE_HOME/bin
  

• 完成后关闭配置文件，输入source .bash_profile 使配置文件生效

• 再输入gardle -v 输出gradle版本号，证明配置成功

6.安装ionic

• 使用 ionic 官网的npm 下载最新版本 npm install -g ionic cordova 安装完成后是使用ionic -v检查版本号

• 安装ionic 不成功，可能是因为权限问题 sudo npm install -g cordova ionic

• 降低 ionic 版本 使用 sudo npm install -g ionic@3

• 再检查版本号 ionic -v

• 创建ionic项目

  • 创建一个新的文件夹用来放置ionic 项目

  • 打开终端cd 新建文件夹名称

  • 使用ionic start myApp tabs 创建app项目
    注意：myApp 是项目名称，可以修改自己喜欢的名称

    ​ tabs 是ionic自带的模版型号，可以上 ionic 官网查看文档

  • 出现错误可能是权限问题，加上sudo

  • 创建好项目使用cd myApp就是进入项目

  • 使用ionic serve 运行项目，运行成功会自动打开网页

  • 还是项目的目录里使用sudo ionic cordova platform add android添加Android

  • 然后使用sudo ionic cordova build android 进行打包

  • 出现报错有可能是Android sdk没有下对相应的版本号

    

  

这是小编在上面Android sdk安装介绍的基础增加下载的，各位可以根据自己的情况自行下载。

打包成功会出现apk安装包的路径，如下图

​ 小编尝试两次打包都成功，希望可以帮助大家！打包过程可能会出现其他问题，小编还没有遇见，请自行查找答案。