windows下 ionic 打包app --以安卓版本为例
环境安装
1.nodejs
安装版本5.7,尽量不要安装太新的版本,因为可能会出现兼容性问题,一开始本人安装的是6.+的版本,后来出现问题的,马上换回5.7的,问题就不会出现了。
安装教程网上教程很多。
2.JDK
下载安装jdk,我这里装的版本是1.8,(切记要和自己电脑的位数要一致 32/64,不然打包过程可能会出问题)
配置环境变量:
新建系统环境变量 JAVA_HOME,路径指向jdk的安装目录,如:E:\Program Files\Java\jdk;
新建系统环境变量CLASS_path,路径: .;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar;
在系统变量path里面添加:%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
尝试向命令行输入javac,如果没报错,则配置成功了
3.SDK
下载安装sdk即可,
配置环境变量:
新建系统环境变量ANDROID_HOME ,路径: E:\AndroidSDK (路径不能包含空格,因此我直接装在E盘根目录,而不是Program file 目录下)
向用户变量PATH里面添加路径:%ANDROID_HOME%\platform-tools;
向系统变量path里面添加路径:%ANDROID_HOME%\tools;
尝试向命令行输入adb,如果没报错,则配置成功了;
接下来打开Android SDK Manager,下载好以下几个包:



(图上为installed即是我下载的,当然有一个是要更新的,Android SDK platform-tool,我暂不更新)
4.确保已经安装有ionic 和cordova
npm install ionic cordova -g
这里顺带记录一下,npm安装全局依赖,为了方便管理包,我是直接在nodeJS 的安装目录下C:\Program Files\nodejs,新建node_cache、node_global连个文件夹,node_global用于保存所有npm全局安装的依赖包。
然后配置环境变量:
向用户变量path ,添加路径:C:\Program Files\nodejs\node_global\;
向系统环境变量path,添加路径 C:\Program Files\nodejs\;
新建系统环境变量,NODE_PATH , 添加路径: C:\Program Files\nodejs\node_global\node_modules;
打开命令行窗口运行一下命令修改npm全局安装路径:
npm config set prefix "C:\Program Files\nodejs\node_global"
npm config set cache "C:\Program Files\nodejs\node_cache"
这样一来,全局安装的包就会被本项目所引用到了,并且统一装在C:\Program Files\nodejs\node_global\node_modules目录下面,可以重复利用,避免多次安装;
5.到这里,环境安装的差不多了,可以进行打包了
执行添加安装平台的命令
ionic platform add android
打包项目
cordova build --release android
#如果出现报错
Error:Unable to start the daemon process.
This problem might be caused by incorrect configuration of the daemon. For example, an unrecognized jvm option is used. Please refer to the user guide chapter on the daemon at http://gradle.org/docs/2.2.1/userguide/gradle_daemon.html Please read the following process output to find out more: ----------------------- Error occurred during initialization of VM Could not reserve enough space for object heap Error: Could not create the Java Virtual Machine. Error: A fatal exception has occurred. Program will exit.确定,重新打包;
成功后就会在项目根目录 platforms\android\build\outputs\apk\下可以找到尚未签名的apk
#如果在download gradle 很久,然后报错时,可以通过以下方法解决:
上网找对应版本的gradle zip包(看命令行提示的是什么版本) ,下载后粘贴路径如:myApp\platforms\android\gradle\gradle-2.2.1-all.zip;
然后找到 project/platforms/android/cordova/lib/builders/GradleBuilder.js,这个文件里面,找到变量 var distributionUrl=http\\://services.gradle.org/distributions/gradle-2.2.1-all.zip;将路径改成你刚刚存放gradle包的路径
../../../android/gradle/gradle-2.13-all.zip
这样问题就解决了;
6.apk签名
生成key证书于项目根目录 sm.keystore
keytool -genkey -v -keystore sm.keystore -alias sm.keystore -keyalg RSA -validity 20000
(keytool是在jdk里面的一个生成key签名证书的工具,E:\Program Files\Java\jdk\bin下可以找到)
根据key证书进行apk签名
jarsigner -verbose -keystore sm.keystore -signedjar D:\PHP\htdocs\shenmaf\platforms\android\build\outputs\apk\shenma.apk D:\PHP\htdocs\shenmaf\platforms\android\build\outputs\apk\android-release-unsigned.apk sm.keystore
jarsigner 是签名工具也是在jdk里面;
sm.keystore是上面所生成的签名证书
-signedjar 后面第一个参数是签名后apk的存放路径,第二个参数是尚未签名的证书的路径
执行完后,即可在上述指定的路径下生成shenma.apk,安卓手机安装运行即可。
windows下 ionic 打包app --以安卓版本为例的更多相关文章
- ionic打包app——以安卓版本为例 辛苦之路~~~
最近同事做了个angular项目,因为要离职,所以项目我就来接手了,用ionic打包app,然后无数配置的坑就等着我了~~~ 环境安装 1.nodejs 因为自己刚接触做angular项目,就更新到了 ...
- 【转】Windows下安装python2和python3双版本
[转]Windows下安装python2和python3双版本 现在大家常用的桌面操作系统有:Windows.Mac OS.ubuntu,其中Mac OS 和 ubuntu上都会自带python.这里 ...
- windows下安装和配置多个版本的JDK
https://jingyan.baidu.com/article/47a29f2474ba55c015239957.html 如何在windows下安装和配置多个版本的jdk,本文将带你在windo ...
- Windows下Python2与Python3两个版本共存的方法详解
来源:http://www.jb51.net/article/105311.htm 这篇文章主要介绍了Windows下Python2与Python3两个版本共存的方法,文中介绍的很详细,对大家具有一定 ...
- ionic打包步骤(安卓)
打包APP之前要做的工作: ionic resources -icon : [创建一个app图标]: 以png/psd/AI格式保存在项目目录下的:resource/android/icon.png ...
- Windows 下 Ionic 开发环境搭建
Ionic 介绍 首先,Ionic 是什么. Ionic 是一款基于 Cordova 及 Angular 开发 Hybrid/Web APP 的前端框架,类似的其他框架有:Intel XDK等. 简单 ...
- Windows下Ionic Android开发环境搭建
转自 http://www.itwap.net/ArticleContent.aspx?id=26 来源: itwap.net 作者: 词略 时间: 2015-4-2 16:57:28 (一)Ioni ...
- 7步学会在Windows下上架iOS APP流程
之前用跨平台开发工具做了一个应用,平台可以同时生成安卓版和苹果版,想着也把这应用上架到App Store试试,于是找同学借了个苹果开发者账号,但没那么简单,还要用到Mac电脑的钥匙串申请发布证书和上传 ...
- 记一次 Nuxt 3 在 Windows 下的打包问题
0. 背景 之前用 Nuxt 3 写了公司的官网,包括了样式.字体图标.图片.视频等,其中样式和字体图标放在了 assets/styles 和 assets/fonts 目录下,而图片和视频则放在了 ...
随机推荐
- vijos p1304 回文数
N进制下的加法 2/10/16进制下,char到int的转换 #include<iostream>#include<string>using namespace std;str ...
- Html5web全栈前端开发_angular框架
昵称领取全套angular视频教程 一.Typescript typescript简称ts,是js语法的超集,很多js新的语法就借鉴了ts语法.ts是由微软团队维护的 1.1 TS简介 1.1.1 G ...
- web设计_2_灵活的文字
最佳设计:可以让用户自由控制任何页面的文字大小. 浏览器中用户都是可以自定义默认的文字大小的,如果使用 px,用户自行在浏览器设置中改变了文字大小后,网页上是不会变化的.我们不能排除视障用户(如近视) ...
- Angular JS 中 指令详解
Angular JS的强大功能就在于其可以自定义很多指令,现在就指令做一下详细的剖析. 一个Angular js 指令(directive)需要指定一个唯一的名字(myDirective)和一个函数, ...
- spring @Required注解
以下内容引用自http://wiki.jikexueyuan.com/project/spring/annotation-based-configuration/spring-required-ann ...
- Reactv16.8.6生命周期函数
组件生命周期函数 React 主动调用的方法,也可重写这些方法 生命周期图谱 当组件实例被创建并插入 DOM 中时,其生命周期调用顺序如下: constructor(props) 如果不需要初始化 s ...
- 现代c++与模板元编程
最近在重温<c++程序设计新思维>这本经典著作,感慨颇多.由于成书较早,书中很多元编程的例子使用c++98实现的.而如今c++20即将带着concept,Ranges等新特性一同到来,不得 ...
- 简述JavaScript模块化编程(二)
前置阅读:简述JavaScript模块化(一) 在前面一文中,我们对前端模块化所经历的三个阶段进行了了解: CommonJs,由于是同步的,所以主要应用于服务器端,以Node.js为代表. AMD,异 ...
- JDK的可视化工具系列 (四) JConsole、VisualVM
JConsole: Java监视与管理控制台 代码清单1: import java.util.*; public class JConsoleDemo { static class OOMObject ...
- 爬虫获取搜狐汽车的配置信息 和swf动态图表的销量数据-------详细教学
前情提要:需要爬取搜狐汽车的所有配置信息,具体配置对应的参数. 以及在动态图表上的历史销量. 比如: 一汽奥迪旗下Q5L 的<40 TFSI 荣享进取型 国VI >的历史销量和该配置的参数 ...