巧用Hbuilder X打包ionic版本安卓apk详细过程
最近公司使用ionic开发app,但是打包贼慢(快点的需要翻墙,但是公司环境不允许,或者自己配置SDK环境,这个打包也很慢),因此研究学习,结合vue制作web-app和生成安卓apk的过程,终于成功研究出利用Hbuilder X打包ionic版本安卓apk。根据实战测试,发现仅需不到10分钟的时间,云打包app,特此分享给大家。计算机技术多是相通的,多研究,多学习,多进步!
1.基本依赖环境
1.jdk(java的开发基础类库,因为 android )
2. 基本工具
1.HBuilder X(https://www.dcloud.io/hbuilderx.html)
3.基本流程
1.对ionic版本app使用命令(确保app可以正常启动):
node build
使用该命令生成编译后的文件夹www,
2.生成apk安卓签名文件:
1.在JDK目录下的bin文件夹下(C:\Program Files\Java\jdk1.8.0_71\bin),先看看有没有keytool.exe和jarsigner.exe文件,这两个程序用于给APK签名,签名以后即可发布。
命令1:生成签名密钥
在CMD窗口执行如下命令,输入秘钥确认即可生成签名文件 yourname.keystore ,例如yuxingsheng.keystore
$ keytool -genkey -v -keystore [姓名].keystore -alias [姓名].keystore -keyalg RSA -validity 20000
例:keytool -genkey -v -keystore yuxingsheng.keystore -alias yuxingsheng.keystore -keyalg RSA -validity 20000
注:-genkey表示构建签名文件 -v 显示在dos窗口中 -alias表示签名包的别名 -validity 签名有效期(天) 姓名:填上,用你名字拼音全拼
城市:随便填,不填也行
国家: 随便填,不填也行
密码口令:敲的时候不动,是因为保护隐私,别当做你电脑死机!
此时按下回车,即可生成签名:
如果报错,说明你的 CMD 不是以管理员身份打开的,请在管理员身份下打开。
3.打开Hbuiler X制作app
注册并登录HbuilderX(推荐使用QQ邮箱登录后续要使用该账号注册DCloud)
1.新建一个5+App项目
2.将ionic项目www下的index.html文件复制到新建的app/index.html
在index.html 之间,加上Material-Icon的引用,这是Muse-UI需要的
<link href="http://cdn.bootcss.com/material-design-icons/3.0.1/iconfont/material-icons.min.css" rel="stylesheet">
3.将www下的assets,build,ervice-worker.js文件复制到新建的app/下
4.点击一下浏览器预览,应该能正确显示WebApp了:
对android权限配置,图表等问题请修改manifest.json文件
4.打包成原生App
到重点了!我们要打包成原生手机App了!
HBuilder支持云端和离线打包。我们只是试验,那就选最简单方便的云端打包吧:
预先要在HBuilder上注册,不然不能打包。
选择生成的证书,输入密码点击打包。
点击下载链接下载即可。
此番尝试,证明利用Hbuilder打包ionic版app成原生安卓App,是可行的!