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

介绍

人人商城打包使用hbuilder打包app需要的文件,目前支持微信原生支付,支付宝原生支付,原生退出app ,还没有写分享和原生uni推送的,未来会写。

效果截图




hbuilderx云打包的iOS安装失败 hbuilderx打包app教程_app源码 官府菜.cn


人人商城打包方法

hbuilderx云打包的iOS安装失败 hbuilderx打包app教程_hbuilder 核心插件没安装显示安装_02

人人商城打包方法


hbuilderx云打包的iOS安装失败 hbuilderx打包app教程_hbuilder 核心插件没安装显示安装_03

人人商城app打包

hbuilderx云打包的iOS安装失败 hbuilderx打包app教程_app源码 官府菜.cn_04


软件架构

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

安装教程

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

使用说明

  1. 在拷贝安装之前,你应该首先申请微信支付宝 appID和 微信支付的一些账号,并在微擎后台配置好参数。具体请见后端支付文件说明
  2. 使用hbuilder 打包
  • 打开hbuilder后选择文件,新建 ,项目 ,项目类型选择 wap2app
  • 然后输入你的移动端网站网址即可。 应该是这样的格式 http://XXXXX.com/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile xxx替换成你的网站域名。
  • 如果不会请参考hbuilder官方文档
  1. 在刚刚创建的项目文件夹有一个 manifest.json文件 ,打开它,选择源码试图,将以下代码插入plus 内
"useragent"


  1. 修改后的代码应该看起来是这样的
"plus" : {
       "useragent" : {
           "value" : "CK 2.0",
           "concatenate" : true
       },
       "splashscreen" : {
           "autoclose" : true, //是否自动关闭程序启动界面,true表示应用加载应用入口页面后自动关闭;false则需调plus.navigator.closeSplashscreen()关闭 
           "waiting" : true //是否在程序启动界面显示等待雪花,true表示显示,false表示不显示 
       },
       "statusbar" : {
           "immersed" : "supportedDevice", //是否为沉浸式状态栏,提交云端打包后生效
           "background" : "#D74B28" //系统状态栏背景颜色,字符串类型,#RRGGBB格式 
       },
       .......//后边还有很多代码 我不复制了,明白意思就好。


  1. 可以参考hbuilder官网文档对 sitemap.json 继续优化,优化加载速度等。
  2. 以上步骤完成,选择hbuilder 菜单栏里的 发型 选择原生app -云打包 进行打包
  3. 注意打包时 一定要选择 使用自有证书, 按钮旁边有链接 可以去看怎么生成。 以及一定要设定一个应用包名 记下来,这对微信支付很重要!
  4. 打开微信开放平台,然后输入刚刚设置的包名,以及去下载一个app签名获取工具,把刚刚证书的签名获取一下,填进去 要不然是用不了微信支付的!