Layman HBuilder 云打包生成APP
在 HBuilder 云打包功能中,生在 .apk 文件虽然平台提供了免费的 安卓证书,但如果有其它需求,比如想发布,那么就需要自己去申请各种类型的证书了,在这里介绍如何在线生成证书并配置到打包平台进行发布。
一. 安卓证书
如果不需要上架应用市场,可以直接使用平台提供的免费证书也可以打包 app。
如果需要上架到应用市场,就需要申请自己独立的安卓证书。
安卓证书在线制作工具是一个在线生成和制作安卓开发者证书的工具,通过工具可以非常简单直观的制作开发证书。只需要输入证书的别名,密码和创建者名称或者公司名称即可创建安卓证书:
安卓证书在线制作工具
http://www.applicationloader.net/appuploader/keystore.php
- 在线生成 Android 证书 keystore 文件
- 安卓签名证书一键在线生成
- Android 打包证书快速制作下载
将生成的证书打包下载,备用。
打开HBuilder ,对要打包的文件包执行右键->发行->云打包-打原生安装包:
录入刚生成证书用到的证书别名以及证书密码,选择证书文件,开始打包。
等待一会,就可以生成 .apk 打包好的文件,并手动下载安装测试。
如果原来的手机中有相同app的安装本,如果两个app是在证书不同的情况下打包生成的,需要卸载不同证书打包生成的app,再安装刚生成的app,否则会提示,“版本不同,不能安装”。
如果打包后的 .apk 文件启动图片仍然是 HBuilder ,需要在manifest.json中配置正确的icon和splash图。
启动图片要按照配置文件提供的三种图片格式,图片格式必须为 png 格式。
二. 苹果证书
iOS证书不像安卓证书那么简单,申请ios证书首先要有个苹果开发账号,根据自己的需要选择申请不同类型的苹果开发者账号。
只有苹果开发者账号才能上架App Store,苹果开发者需要年费,是苹果公司收的!
ios证书申请比较复杂,需要苹果开发者账号才能申请。如有越狱手机,可以直接使用系统ios证书打包越狱版安装测试。下面两个教程来自第三方,可以参考:
因为我的电脑是windows的,因此无法提供这方面的知识点。
三. 打包前设置
在打包前,需要对manifest.json进行设置,比如:手机状态栏,状态栏颜色,启动图片,app 图标等。
- 手机状态栏沉浸式设置:manifest.json -> plus -> distribute -> google 下添加 ImmersedStatusbar 属性并设置值为true
- 手机状态栏颜色设置:manifest.json -> plus -> distribute -> apple 下添加 StatusBarBackground 属性并设置颜色
- 因为沉浸式状态栏将原本状态栏的高度置为0,因此header 样式需要添加 20px 的高度,并与header 同级的第一个节点 margin-top 20px 。
<!--header--> <header class="mui-bar mui-bar-nav anviz-header-bar"> <a id="homeBack" class="iconfont icon-home icon-color mui-icon mui-icon-left-nav mui-pull-right" style="display: none;"></a> <h1 id="homeTitle" class="mui-title icon-color">My Anviz</h1> </header> .anviz-header-bar{ display: flex; align-items: flex-end; height: 64px;/*增加状态栏20px*/ } .anviz-slider{ margin-top: 64px; /*沉浸式状态栏20px*/ }
关于状态的设置,请参考这篇文章:
HBuilder app 状态栏 颜色问题
手机上的最终效果为:
关于苹果证书怎么获取的教程,哪位大侠可以提供,非常感谢。