本人刚刚接触Ionic3,初步进行打包操作,将其遇到的问题和整个流程记录下载,方便以后的巩固,也为小白们提供一个参考。因本人没有appleヽ(ー_ー)ノ,而且使用的是WIN7系统,所以暂时只提供了WIN7的Android环境搭建(Android环境已经搭建好了可直接移至第三步),等我有时间会补上其他的(`・ω・´)

ionic项目创建(上一篇):Ionic3环境搭建及创建

Android环境搭建参考地址:https://www.cnblogs.com/puresoul/p/4597211.html

一、安装JDK并配置环境变量

1、在Java官方网站上下载相应系统的jdk文件安装,如win7 64 位系统下安装jdk-8u191-windows-x64。

2、下载完成后运行安装,我的装在D:\Program Files\Java\jre1.8.0_191

3、配置环境变量

右键计算机属性,点击系统高级配置

点击环境变量

点击新建

(1)配置JAVA_HOME

新建 JAVA_HOME 环境变量,变量值是自己安装JDK 的路径,找到你之前安装的路径,我的是:D:\Program Files\Java\jdk1.8.0_191

(2)配置ClASSPATH

新建 CLASSPATH 环境变量,变量值是:%JAVA_HOME%/lib/dt.jar;%JAVA_HOME%/lib/tools.jar

(3)配置PATH

找到PATH变量,追加如下目录:;%JAVA_HOME%/bin;%JAVA_HOME%/jre/bin(注意是追加)

4、验证安装是否成功

打开CMD执行java -version,显示如下内容表示安装成功

二、下载安装Android SDK

1、进入AndroidDevTools网站下载ADT Bundle,点我点我

2、解压文件,尽量不要解压到带有中文路径的文件目录下,我的是E:\adt-bundle

3、安装更新SDK

(1)运行SDK Manager.exe,点击Tools中的Options

(2)配置国内镜像地址mirrors.neusoft.edu.cn

(3)回到主界面,点packages再点reload

先勾选这三个安装

同意认证安装,等待安装完成

安装完成后重新运行SDK Manager.exe,你会发现变多了,我们来安装最新的,按照之前一样安装就行了。

4、配置环境变量

(1)配置ANDROID_HOME

新建ANDROID_HOME 环境变量,变量值是上面的sdk路径,我的是E:\adt-bundle\sdk

(2)配置PATH

找到PATH变量,追加如下目录:(注意是追加)

tools目录:;%ANDROID_HOME%\tools

platform-tools目录:;%ANDROID_HOME%\platform-tools

build-tools目录:;%ANDROID_HOME%\build-tools\28.0.3(28.0.3是bulid-tool目录中的,改为你对应的)

5、验证环境变量

(1)验证 tools 目录下的环境变量:在命令行输入 android,该命令会启动Android SDK Manager

(2)验证 build-tools 目录下的环境变量:在命令行输入 aapt,会看到这条命令的使用帮助信息

三、Ionic的Android构建及打包

经历过上面的步骤,需要用到的Android环境终于搭好了,现在可以向你的Ionic构建Android平台了

1、运行cmd,进入到项目目录

2、执行ionic cordova platform

接着运行ionic cordova build android命令,出现了一个错误,原因是要求安装Gradle,基于Gradle来编译、打包android

所以我们还要手动安装Gradle

(1)手动下载gradle 
gradle-x.x-bin.zip (x.x代表版本) 
根据需要下载某一版本 
地址: (点击这里
我下载的是gradle-3.5

下载完成后,解压到任意文件夹下,我的是E:\gradle-3.5

(2)添加环境变量

找到PATH变量,追加如下目录;E:\gradle-3.5\bin(注意是追加)

(3)打开cmd,输入gradle -v命令,查看是否安装成功

完成后继续进入项目目录,重新运行ionic cordova build android命令

又报错了,(╯‵□′)╯︵┻━┻

查看错误,是需要Android SDK Platform 27,因此我们打开Android SDK Manager下载对应的文件

下载完成后回去重新运行ionic cordova build android命令,终于安装成功了,下面是文件的apk路径

最后将apk拷贝到手机里就可以安装了。( ̄▽ ̄)~*

这里挂上手机截图(~ ̄▽ ̄)~

剩下的就是自己编辑、制作页面和功能了,可以使用软件进行编码(我用的是VS Code),这里就不过多赘述了,就酱紫了

var index;
function piyixia(){
$("#pi").hover(function(){index = layer.tips('(其实我还没摸透 ̄▽ ̄)', '#pi', {
tips: [1, '#3595CC'],
time: 30000
});}, function() {
layer.close(index);
})

}
piyixia();

Android环境搭建及Ionic打包(win7)的更多相关文章

  1. Android 环境搭建记录

    Android 环境搭建记录 官网 https://developer.android.com/ studio 下载地址 官方下载 jikexueyuanwiki 国内镜像 studio历史版本 安装 ...

  2. Android 环境搭建

    一.Android 环境搭建 开发工具: Android Studio(开发工具,前提是先装 java JDK) 下载地址:http://www.androiddevtools.cn/   Oracl ...

  3. 20145308刘昊阳 《Java程序设计》实验四 Android环境搭建 实验报告

    20145308刘昊阳 <Java程序设计>实验四 Android环境搭建 实验报告 实验名称 Android环境搭建 实验内容 搭建Android环境 运行Android 修改代码,能输 ...

  4. android环境搭建——工欲善其事,必先利其器 2

    前两天鼓捣android, 搭建环境,不想麻烦就用了  adt-bundle-windows-x86-20140702. rar , 起个模拟器哇塞,太爽了. 出去转一圈唠会回来正好启动成功!有个网友 ...

  5. 第一课 android环境搭建

    android环境搭建需要的工具: 1.JDK 2.eclipse 3.SDK 4.ADT

  6. Android环境搭建的步骤

    Android 环境搭建步骤 这里简单介绍一下学习Android之后如何搭建环境的问题 一.    在搭建环境之前,首先你要先下载Java JDK(根据系统位数选择下载是64位或32位的),Eclip ...

  7. golang开发android环境搭建_window

    golang开发android环境搭建介绍 一 安装依赖软件: git:版本管理 go:  go开发环境(版本>=1.5),可直接下载window版的go安装包. android studio: ...

  8.  paip.android环境搭建与开发事例

    paip.android环境搭建与开发事例 好长时间没有玩AndROID了..以前常常做ANDROID的,今天决定在下载一个要做个时间设置器 作者Attilax ,  EMAIL:1466519819 ...

  9. React-native Android环境搭建

    基础安装 安装Homebrew Homebrew是Mac OSX的包管理器,我们需要通过Homebrew安装开发React Native的相关软件包. 如果不知道怎样安装Homebrew可以点这里:官 ...

随机推荐

  1. 安卓app开发-01-开发工具及环境配置

    安卓app开发-01-开发工具及环境配置 请大家根据推荐指数和自己的意愿选择 使用 Android Studio 1.可以使用 Android Studio 下载地址:http://www.andro ...

  2. mysql8.0.11 在windows64安装 步骤

    MySQL8.0 Windows zip包下载地址:https://cdn.mysql.com//Downloads/MySQL-8.0/mysql-8.0.11-winx64.zip 环境:Wind ...

  3. 数值的整数次方(C++ 和 Python 实现)

    (说明:本博客中的题目.题目详细说明及参考代码均摘自 “何海涛<剑指Offer:名企面试官精讲典型编程题>2012年”) 题目 实现函数 double Power(double base, ...

  4. java笔记--关于多线程状态的理解和应用

    关于多线程的状态 --如果朋友您想转载本文章请注明转载地址"http://www.cnblogs.com/XHJT/p/3890266.html  "谢谢-- 线程共有6种状态:1 ...

  5. 秒杀多线程第一篇 多线程笔试面试题汇总 ZZ 【多线程】

    http://blog.csdn.net/morewindows/article/details/7392749 系列前言 本系列是本人参加微软亚洲研究院,腾讯研究院,迅雷面试时整理的,另外也加入一些 ...

  6. 爬虫IP被禁的简单解决方法——切换UserAgent

    [转载]Python爬虫之UserAgent 用到的库 https://github.com/hellysmile/fake-useragent

  7. [翻译] PQFCustomLoaders

    PQFCustomLoaders Current version: 0.0.1 Collection of highly customizable loaders for your iOS proje ...

  8. Python学习---网页爬虫[下载图片]

    爬虫学习--下载图片 1.主要用到了urllib和re库 2.利用urllib.urlopen()函数获得页面源代码 3.利用正则匹配图片类型,当然正则越准确,下载的越多 4.利用urllib.url ...

  9. HTML学习---基础知识学习

    1.1. HTML 1.为什么要有HTML? "Hello" "<h1>Hello</h1>" - 浏览器渲染时使用一套HTML规则, ...

  10. 开闭原则(OCP)

    开闭原则具有理想主义的色彩,它是面向对象设计的终极目标.因此,针对开闭原则的实现方法,一直都有面向对象设计的大师费尽心机,研究开闭原则的实现方式.后面要提到的里氏代换原则(LSP).依赖倒转原则(DI ...