cordova+ionic制作安卓或者ios app

前言
如何搭建一个cordova+ionic环境来开发一个简单的安卓apk，这里我们只制作一个安卓app，看完教程后，大家可以试着搭建安卓或者ios应用

配置开发环境 安装jdk和android sdk

安装jdk直接下载jdk 按照官网教程安装，注意配置环境变量
我这里是用的zsh配置的环境变量

#set java path
JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk1.8.0_121.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

安装android sdk 直接下载sdk manager
配置环境变量

#set android
ANDROID_HOME=/Users/chenhan/tools/android-sdk-macosx
PATH=$PATH:$JAVA_HOME/bin:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools
export JAVA_HOME ANDROID_HOME

androidsdkMenu.png

在iTerm中cd到tools这个目录下,输入这个命令

./android sdk

下载所需要的sdk内容

androidsdkmanger.png

安装gradle，因为android app使用gradle编译
Mac使用的是brew所以直接brew install gradle就可以

下载cordova 和 ionic

npm install cordova ionic -g

npm换淘宝镜像这里就不说了
安装完成后就可以开始新建apk了

ionic start myApp tabs
cd myApp
ionic serve
ionic platform add android
ionic build android 

注意，打包过程下载maven包可能失败，需要在项目build.gradle中设置国内镜像路径，这就完成一个最简单的安卓apk了，大家可以都试试哟