人人商城APP打包教程附带源码

时间:2024-04-05 20:55:01

使用hbuilder打包人人商城app 支持微信支付宝原生支付

支付介绍

人人商城打包使用hbuilder打包app需要的文件,目前支持微信原生支付,支付宝原生支付,原生退出app ,暂不支持分享和原生uni推送以及登录(hbuilder貌似登录和人人接上有BUG)

安卓经测试没有BUG,IOS自行测试。

特别声明!如果你的人人二开过,而你一点代码都不懂也没有人帮你,极度不建议用我的全功能多商户商家端app源码,我的代码只对未二开过的人人适配,二开过的可能需要自行修改我的代码才适配,但二开与否对支付核心程序影响不大

支付效果截图

人人商城APP打包教程附带源码

人人商城APP打包教程附带源码

人人商城APP打包教程附带源码

人人商城APP打包教程附带源码

商家端app截图

人人商城APP打包教程附带源码

人人商城APP打包教程附带源码

人人商城APP打包教程附带源码

人人商城APP打包教程附带源码

人人商城APP打包教程附带源码

人人商城APP打包教程附带源码

人人商城APP打包教程附带源码

选择人人商城大部分都是喜欢他的多商户,多商户现在如果没有商家手机端app,让商家登电脑就是扯淡。现在电脑吃灰率人尽皆知。。。

软件架构

在微信支付和支付宝支付的官方php demo上进行改造。并重写了h5app.js的代码,让人人商城打包app 支持安卓微信支付宝支付,同时支持ios的支付宝支付。(IOS微信支付也支持 但需要你上架IOS。)

安装教程

在gitee下载源码,地址:gitee.com/lionjoy/renrenapppay

将整个pay文件夹拷贝至 :你的微擎目录/addons/ewei_shopv2/core/mobile 文件夹下。确保路径正确。

将static文件夹,拷贝至 :你的微擎目录/addons/ewei_shopv2 确保路径正确,应该是会替换掉 你的微擎目录/addons/ewei_shopv2/static/js/app/biz 下面的原有的H5app.js

使用说明

在拷贝安装之前,你应该首先申请微信支付宝 appID和 微信支付的一些账号,并在微擎后台配置好参数。具体请见后端支付文件说明

使用hbuilder 打包

HBuilderX,下载地址:http://www.dcloud.io/下载完整APP开发版

下载并安装HBuilderX后,打开编辑器,点击右上角选择:文件 -> 新建 -> 项目选择wap2app,出现如下图:

人人商城APP打包教程附带源码

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

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

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

APP配置方法:

打开项目,找到manifest.json文件,依次配置相关配置文件。

一、基础配置:

注意:应用标识不要手动修改,显示默认的即可

依次填入应用名称,版本名称,应用入口首页地址可以是网络地址也可以是本地地址。

人人商城APP打包教程附带源码

二、APP图标配置:

人人商城APP打包教程附带源码

 

图标就是App安装到手机后显示的图标,必须是PNG格式的,最好使用1024X1024大小的png格式图标,选择第一张图标后可以点击“自动生成所有图标并替换”,会自动生成适配不同大小的图标。

三.SDK配置

1.微信登录,勾选微信登录填写微信开放平台的appid和appsecret

如下图:

人人商城APP打包教程附带源码

 

2.配置支付宝支付,微信支付,微信分享等

如下图:

人人商城APP打包教程附带源码

 

四.配置UA和加密APP代码

人人商城APP打包教程附带源码

 

这样,manifest.json文件就配置完成了接下来,打包app,安卓请使用安卓自有证书,苹果请使用苹果证书。点击HBuilder: 发行 -> 原生App-云端打包

人人商城APP打包教程附带源码

可以参考hbuilder官网文档对 sitemap.json 继续优化,优化加载速度等。

以上步骤完成,选择hbuilder 菜单栏里的 发型 选择原生app -云打包 进行打包

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

打开微信开放平台,然后输入刚刚设置的包名,以及去下载一个app签名获取工具,把刚刚证书的签名获取一下,填进去 要不然是用不了微信支付的!

参考文献

获取app签名安卓平台签名证书制作

特别说明


在以上安卓平台签名证书制作查看自己的证书时,MD5值即为签名,在微信开放平台可以直接填这个,但需要去掉,比如生成后的文件 你按照说明查看证书信息,是这样的

Keystore type: PKCS12    Keystore provider: SUN    Your keystore contains 1 entry    Alias name: test    Creation date: 2019-10-28    Entry type: PrivateKeyEntry    Certificate chain length: 1    Certificate[1]:    Owner: CN=Tester, OU=Test, O=Test, L=HD, ST=BJ, C=CN    Issuer: CN=Tester, OU=Test, O=Test, L=HD, ST=BJ, C=CN    Serial number: 7dd12840    Valid from: Fri Jul 26 20:52:56 CST 2019 until: Sun Jul 02 20:52:56 CST 2119    Certificate fingerprints:            MD5:  F9:F6:C8:1F:DB:AB:50:14:7D:6F:2C:4F:CE:E6:0A:A5            SHA1: BB:AC:E2:2F:97:3B:18:02:E7:D6:69:A3:7A:28:EF:D2:3F:A3:68:E7            SHA256: 24:11:7D:E7:36:12:BC:FE:AF:2A:6A:24:BD:04:4F:2E:33:E5:2D:41:96:5F:50:4D:74:17:7F:4F:E2:55:EB:26    Signature algorithm name: SHA256withRSA    Subject Public Key Algorithm: 2048-bit RSA key    Version: 3

那么 就需要在微信开放平台 app 信息里填写上 F9F6C81FDBAB50147D6F2C4FCEE60AA5