MUI云打包APP的流程

225 阅读3分钟

欢迎点击「算法与编程之美」↑关注我们!

本文首发于微信公众号:"算法与编程之美",欢迎关注,及时了解更多此系列文章。

1 问题描述

当我们知道如何用Hbuilder创建HTML5 APP项目以及APP页面如何调试后,接下来就需要考虑如何对HTML5APP项目进行打包了。

由于HTML5 APP开发时使用的环境与APP打包的环境不一样,并且重点是还得对IOS和Android系统进行分别处理,如果本地部署,就会浪费大量的时间,而且还不会很容易打包成功。那么有没有一种简单的方式就可以实现APP打包操作了呢,答案就是采用云打包方式实现,即不用部署打包环境,也不用对HTML5代码进行更改。

2 实现方法

1.首先在你的APP项目里面的manifest.json里面设置你想要的效果和样式,如:图标、应用名、描述、入口页面等等。然后再配置好程序里所需要用到的模块权限,按需要配置,不然会太大太冗余。如下:

(1)选择manifest.json文件,然后,双击打开,并进行版本设置、启动图片设置。

640?wx_fmt=png

640?wx_fmt=png

640?wx_fmt=png

(2)设置ios和Android系统安装APP图标。(所有图片格式必须是png,且严格符合分辨率要求。使用其他图片格式重命名为png会导致打包失败。配置图标时选择自动生成所有适用图标,选择一个大图标然后点击生成并替换即可。)

640?wx_fmt=png

640?wx_fmt=png2.配置好manifest.json文件后,点击菜单栏“发行”-“云打包-打原生安装包”。

640?wx_fmt=png3.按需选择,你要发布的版本,一般是IOS和Android双平台都需要。

640?wx_fmt=png

(1)   IOS打包,支持两种方式:a、需要开发者证书才能打包,APP打包出来后,可以在已设置了UUID的手机上安装运行;b、越狱包,则只能在越狱菜果手机上,才能安装运行。

(2)   Android打包,也支持两种方式:a、使用Dcloud公用证书;b、采用自有证书。无论采用哪种证书,打出来的APP安装包,都是可以直接在安桌手机上安装运行。

证书生成就请读者们自行百度或者谷歌吧。

(注意:APPID需要和profile文件中的保持一致,不然打包会报错)

3 总结

关于MUI云打包APP的整个流程差不多就是这样的,根据项目的不同需要,读者们可以自行选择SDK配置,要实现功能需要到第三方平台获取相关配置参数例如微信登录需要申请appid和appSecret,appid:微信开放平台申请应用的AppID值;appSecret:微信开放平台申请应用的AppSecret值。

更多精彩文章:


640?wx_fmt=png

温馨提示: 点击页面右下角“写留言”发表评论,期待您的参与!期待您的转发!