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

最近看到很多人都在用人人商城打包封装APP,相信很多人都会,但是要实现人人商城APP的原生微信支付,原生支付宝支付,原生微信登录还有海报分享海报保存,推广二微码分享给微信好友,朋友圈等这些很多人都百思不得其解,于是自己就使用DCLOUD开发的HBuilderX这个工具使用WAP2APP的方法研究了一段时间,终于实现了自己想要的效果。
下面就来给大家分享一下具体实现方法如下:
开发工具:HBuilderX
首先下载安装HBuilderX这个开发工具相信大家都会,这里就不多说了。
安装好后打开工具
一.新建项目:
1.打开HBuilderX点击左上角的文件——新建项目——选择wap2app填写项目名称和你的人人商城手机端网址,如下图:
人人商城APP打包使用HBuilderX自己打包教程_第1张图片
二.SDK配置:
1.点击项目里的manifest.json——选择SDK配置

微信登录配置:
勾选微信登录填写微信开放平台的appid和appsecret(记住这里一定要是微信开放平台的移动应用的,不能是微信公众号的)如图:人人商城APP打包使用HBuilderX自己打包教程_第2张图片
微信支付和新版支付宝支付配置
勾选支付宝支付和微信支付填写微信支付的appid也就是微信开放平台上申请的appid

微信分享配置
勾选微信消息及朋友圈填写微信开放平台的appid
人人商城APP打包使用HBuilderX自己打包教程_第3张图片
这样SDK我们就配置完成了。

加密APP代码和配置UA环境
JS加密混淆:
为了APP防止别人反编译,我们进行APP加密具体方法如下:

点击manifest.json——源码视图,然后在plus节点下添加如下代码:

//代码加密开始
        "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环境APP里我们需要进行一个配置CK 2.0,配置代码如下:

        "useragent" : {
            "value" : "CK 2.0",
            "concatenate" : true
        },

最后如下图:
人人商城APP打包使用HBuilderX自己打包教程_第4张图片
这些配置完成后,相信大家基础配置和图标配置还有启动图配置都会了吧。

原生云打包
点击工具菜单栏的发行——原生APP-云打包填写证书信息和包名等然后点击打包,这样APP就制作完成了。
人人商城APP打包使用HBuilderX自己打包教程_第5张图片
云端打包完成后既可下载,如需打包IOS请配置IOS证书既可。

你可能感兴趣的:(html5,前端,webkit)