cordova+ionic制作安卓或者ios app

作者: 我叫陈小宝T_T | 来源:发表于2017-07-25 22:43 被阅读0次

    前言
    如何搭建一个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了,大家可以都试试哟

    相关文章

      网友评论

        本文标题:cordova+ionic制作安卓或者ios app

        本文链接:https://www.haomeiwen.com/subject/dpbgkxtx.html