人人商城打包APP

使用hbuilder打包人人app商城

APP制作介绍

人人商城是很好的一个商城系统 所以我写了一个基于hbuilderX的htmlplus接口的前后端文件，让人人使用hbuilder打包时，具有了原生的支付能力，以及优化了打包的代码，优化了很多无限刷新和卡死的BUG，达到了媲美原生app的流畅度。

APP和支付截图

软件架构

在WXPAY和alipay的官方php demo上进行改造，调用htmlplus接口，让人人打包app商城 支持安卓微信支付宝支付，同时支持ios的支付宝支付。（IOS微信支付也支持 但需要你上架IOS。）

打包前提

想实现wxpay功能，必须在开通微信商户功能，接入wxpa，如果想接入支付宝同理，需要签约支付宝app支付。

以及最重要的 在人人后台 把pay参数配置和填写正确。

替换后端和前端文件

下载完整的前后端代码 ：https://gitee.com/lionjoy/renrenapppay
将整个pay文件夹拷贝至 ：你的微擎目录/addons/ewei_shopv2/core/mobile 文件夹下。确保路径正确。
将static文件夹，拷贝至 ：你的微擎目录/addons/ewei_shopv2 确保路径正确，应该是会替换掉 你的微擎目录/addons/ewei_shopv2/static/js/app/biz 下面的原有的H5app.js
仔细阅读下载的源码包中的说明，按照说明修改指定的参数

app打包教程-开始打包

在拷贝安装之前，你应该首先申请微信支付宝 appID和 微信支付的一些账号，并在微擎后台配置好参数。

我们需要使用hbuilder X打包

下载并安装HBuilderX后，打开编辑器，点击右上角选择：文件 -> 新建 -> 项目选择wap2app，

填入项目名称，wap站首页地址，选择项目文件路径，创建。项目创建成功，软件左侧会出现你刚创建的项目。然后粘贴示列项目的文件进去。

打开hbuilder后选择文件，新建 ，项目 ，项目类型选择 wap2app

然后输入你的移动端网站网址即可。 应该是这样的格式 XXXXX.com/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile ，xxx替换成你的网站域名。如果不会请参考hbuilder官方文档

接下来对manifest.json 进行配置，参考下载资源里的说明。

manifest.json文件就配置完成了，你可以参考hbuilder官网文档对 sitemap.json 继续优化，优化加载速度等。也可以使用下载资源里我配置好的mainfest.json

接下来，打包app，安卓请使用安卓自有证书，苹果请使用苹果证书。点击HBuilder： 发行 -> 原生App-云端打包

注意打包时 一定要选择 使用自有证书， 按钮旁边有链接 可以去看怎么生成。 以及一定要设定一个应用包名 记下来，这对微信支付很重要！

点击打包按钮，你的app就被打包完毕，enjoy