当前位置: 首页 > Web前端 > HTML5

人人商城APP打包使用HBuilderX自打包教程

时间:2023-04-05 23:58:46 HTML5

最近看到很多人用人人商城打包打包APP。登录分享海报,保存海报,推广二微码分享到微信好友,朋友圈等,很多人不解,于是用DCLOUD开发的HBuilderX工具研究了一段时间WAP2APP的方法,终于达到了想要的效果。具体实现方法分享给大家如下:开发工具:HBuilderX首先下载安装开发工具HBuilderX,相信大家都知道,这里就不多说了。安装完成后,打开工具1.新建项目:1.打开HBuilderX,点击左上角的文件-新建项目-选择wap2app填写项目名称和你的人人商城手机端网址,如图如下图:2.创建完成后,将源码中红色标记的部分复制到你的新项目中,如下图:2.SDK配置:1.点击项目中的manifest.json——--选择SDK配置微信登录配置:勾选微信登录,填写微信开放平台的appid和appsecret(记住这里一定是微信开放平台的手机应用,不是微信公众号)如图:微信支付和新版支付宝支付配置勾选支付宝支付和微信支付,填写微信支付的appid即微信开放平台申请的appid,微信分享配置,勾选微信消息和朋友圈,填写微信开放平台appid,SDK配置完成。对APP代码进行加密并配置UA环境JS加密混淆:为了防止APP被别人反编译,我们对APP进行如下加密:点击manifest.json——源码查看,然后在加号下添加如下代码node://代码加密开始"confusion":{"description":"js原生混淆配置","resources":{"js/apps.js":{},//列出加密路径文件地址js/share.js“js/fastclick.min.js”:{},“css/reSet.css”:{},“css/styles.css”:{},“client_index.html”:{},“lib.html":{},"share.html":{},"shareAlertQr.html":{},"sitemap.json":{}}},//代码加密结束配置UA环境:为了适配人人网商城APP环境,我们需要配置一个ConfigureCK2.0,配置代码如下:"useragent":{"value":"CK2.0","concatenate":true},最后如下图所示:这些配置完成后,相信大家基本配置、图标配置和启动图配置就可以了。原生云打包点击工具菜单栏上的发布-原生APP-云打包,填写证书信息和包名等,然后点击打包,APP制作完成。云打包完成后,即可下载。如需打包IOS,请配置IOS证书。