设为首页收藏本站
开启辅助访问

站长论坛

 找回密码
 注册
TurnKey Internet - Dedicated Server - Dual Octa-Core - Best Value Deal
站长论坛»广场 › 论坛技术支持 › 微擎 › 人人商城打包APP教程方法附带源码 解决无法弹出微信支付
返回列表 发新帖
查看: 260|回复: 0

人人商城打包APP教程方法附带源码 解决无法弹出微信支付

[复制链接]
stevenchen
发表于 2022-4-1 13:06:56 | 显示全部楼层 |阅读模式
打包app介绍

众所周知，人人商城是一款很好的商城系统，且人人商城功能全面，本教程使用hbuilder技术对人人商城进行打包，是对人人商城的二开，借助hbuilder的打包技术和html5plus接口，实现看了原生支付。\

软件架构

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

在gitee下载源码

将整个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，

     

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

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

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



可以参考hbuilder官网文档对 sitemap.json 继续优化，优化加载速度等。下面提供我开发的示例代码。注意，url要替换成自己的url。。

  1. {
  2.         "global": {
  3.                 "webviewParameter": {
  4.                         "titleNView": {
  5.                                 "autoBackButton": true,
  6.                                 "backgroundColor": "#f7f7f7", //导航栏背景色
  7.                                 "titleColor": "#000000", //标题颜色
  8.                                 "titleSize": "17px"
  9.                         },
  10.                         "statusbar": {
  11.                                 //系统状态栏样式(前景色)
  12.                                 "style": "dark"
  13.                         },
  14.                         "appendCss": "",
  15.                         "appendJs": ""
  16.                 },
  17.                 "easyConfig": {
  18.                         "quit": {
  19.                                 "toast": {
  20.                                         "showFeedback": false //不显示“反馈意见”链接，默认为true  
  21.                                 }
  22.                         },
  23.                         "open": {
  24.                                 "animation": { //窗口切换动画配置  
  25.                                         "type": "slide-in-right", //窗口动画类型  
  26.                                         "duration": 90 //窗口动画执行时
  27.                                 }
  28.                                 // "waiting" // 禁用waiting，打开page1页面时，不显示waiting等待框  
  29.                         }

  31.                 }
  32.                        
  33.         },
  34.         "pages": [{
  35.                         "webviewId": "__W2A__url.com", //首页
  36.                         "matchUrls": [{
  37.                                 "href": "http://url.com/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile"
  38.                         }],
  39.                         "webviewParameter": {
  40.                                 "titleNView": false,
  41.                                 "statusbar": {
  42.                                         "background": "#fdd108"
  43.                                 }
  44.                                 // "pullToRefresh": {
  45.                                  
  46.                                 // "support": true,
  47.                                  
  48.                                 // "style": "circle",  //设置ios与安卓下拉统一为圈圈
  49.                                  
  50.                                 // "color": "#dea00e",  //下拉圈圈颜色
  51.                                  
  52.                                 // "offset": "9px"  //下拉圈圈出现的位置
  53.                                  
  54.                                 // }  
  55.                         },
  56.                         "easyConfig": {
  57.                                 "back": {
  58.                                         "before": [
  59.                                                 {
  60.                                                         "popupSelector": ".hisContent",  // 弹出层dom选择器
  61.                                                         "closeSelector": ".hisTitle"
  62.                                                        
  63.                                                 }
  64.                                         ]
  65.                                 }
  66.                         }
  67.                 },
  68.                 {
  69.                         "webviewId": "category", //首页
  70.                         "matchUrls": [{
  71.                                 "href": "http://url.com/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=shop.category"
  72.                         }, {
  73.                                 "href": "http://url.com/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=shop.category"
  74.                         }],
  75.                         "webviewParameter": {
  76.                                 "titleNView": false,
  77.                                 "statusbar": {
  78.                                         "background": "#f7f7f7"
  79.                                 }
  80.                         }
  81.                 },
  82.                 {
  83.                         "webviewId": "member", //会员中心
  84.                         "matchUrls": [{
  85.                                 "href": "http://url.com/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=member"
  86.                         }, {
  87.                                 "href": "http://url.com/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=member"
  88.                         }],
  89.                         "webviewParameter": {
  90.                                 "titleNView": false,
  91.                                 "statusbar": {
  92.                                         "background": "#fdd108"
  93.                                 }
  94.                         }
  95.                 },
  96.                 {
  97.                         "webviewId": "goodes", //商户页？
  98.                         "matchUrls": [{
  99.                                 "href": "W:http://url.com/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=goods&merchid=*"
  100.                         }, {
  101.                                 "href": "W:http://url.com/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=goods&merchid=*"
  102.                         }],
  103.                         "webviewParameter": {
  104.                                 "titleNView": false,
  105.                                 "statusbar": {
  106.                                         "background": "#fdd108"
  107.                                 }
  108.                         }
  109.                 },
  110.                 {
  111.                         "webviewId": "goods", //商品页
  112.                         "matchUrls": [{
  113.                                 "href": "W:http://url.com/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=goods.detail&id=*"
  114.                         }, {
  115.                                 "href": "W:http://url.com/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=goods.detail&id=*"
  116.                         }],
  117.                         "webviewParameter": {
  118.                                 "titleNView": false,
  119.                                 "statusbar": {
  120.                                         "background": "#fdd108"
  121.                                 }
  122.                         },
  123.                         "easyConfig": {
  124.                                 "back": {
  125.                                         "before": [
  126.                                                 {
  127.                                                         "popupSelector": ".picker-modal",  // 弹出层dom选择器
  128.                                                         "closeSelector": ".icon-guanbi1"
  129.                                                        
  130.                                                 }
  131.                                         ]
  132.                                 }
  133.                         }
  134.                 },
  135.                 {
  136.                         "webviewId": "kefu", //首页
  137.                         "matchUrls": [{
  138.                                 "href": "http://url.com/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=open_messikefu"
  139.                         }, {
  140.                                 "href": "http://url.com/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=open_messikefu"
  141.                         }],
  142.                         "webviewParameter": {
  143.                                 "titleNView": {

  145.                                         "autoBackButton": true,
  146.                                         "backgroundColor": "#f7f7f7", //导航栏背景色
  147.                                         "titleText": "在线客服",
  148.                                         "titleColor": "#000000", //标题颜色
  149.                                         "titleSize": "17px"
  150.                                 },
  151.                                 "statusbar": {
  152.                                         "background": "#f7f7f7"
  153.                                 }
  154.                         },
  155.                         "easyConfig":{  
  156.             "back":{  
  157.                 "history":false //不允许执行history.back  
  158.             }  
  159.                         }  
  160.                 },
  161.                 {
  162.                         "webviewId": "kefugoods", //首页
  163.                         "matchUrls": [{
  164.                                 "href": "W:http://url.com/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=open_messikefu*"
  165.                         }, {
  166.                                 "href": "W:http://url.com/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=open_messikefu*"
  167.                         }],
  168.                         "webviewParameter": {
  169.                                 "titleNView": {
  170.                
  171.                                         "autoBackButton": true,
  172.                                         "backgroundColor": "#f7f7f7", //导航栏背景色
  173.                                         "titleText": "在线客服",
  174.                                         "titleColor": "#000000", //标题颜色
  175.                                         "titleSize": "17px"
  176.                                 },
  177.                                 "statusbar": {
  178.                                         "background": "#f7f7f7"
  179.                                 }
  180.                         },
  181.                         "easyConfig":{  
  182.                     "back":{  
  183.                         "history":false //不允许执行history.back  
  184.                     }  
  185.                         }  
  186.                 },
  187.                 {
  188.                         "webviewId": "address", //地址选择
  189.                         "matchUrls": [{
  190.                                 "href": "http://url.com/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=member.address.selector"
  191.                         }, {
  192.                                 "href": "http://url.com/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=member.address.selector"
  193.                         }],
  194.                         "webviewParameter": {
  195.                                 "titleNView":false,
  196.                                 "statusbar": {
  197.                                         "background": "#f7f7f7"
  198.                                 }
  199.                         }
  200.                 },
  201.                 {
  202.                         "webviewId": "ordercreate", //单规格确认订单
  203.                         "matchUrls": [{
  204.                                 "href": "W:http://url.com/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=order.create&id=*&optionid=*&total=*&giftid&liveid=*"
  205.                         }, {
  206.                                
  207.                                 "href": "W:http://url.com/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=order.create&id=*&optionid=*&total=*&giftid&liveid=*"
  208.                         }],
  209.                         "webviewParameter": {
  210.                                 "titleNView":false,
  211.                                 "statusbar": {
  212.                                         "background": "#f7f7f7"
  213.                                 }
  214.                         }
  215.                 },
  216.                 {
  217.                         "webviewId": "ordercreates", //多规格确认订单
  218.                         "matchUrls": [{
  219.                                 "href": "W:http://url.com/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=order.create&id=*&iswholesale=*&buyoptions=*"
  220.                         }, {
  221.                                
  222.                                 "href": "W:http://url.com/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=order.create&id=*&iswholesale=*&buyoptions=*"
  223.                         }],
  224.                         "webviewParameter": {
  225.                                 "titleNView":false,
  226.                                 "statusbar": {
  227.                                         "background": "#f7f7f7"
  228.                                 }
  229.                         }
  230.                 },
  231.                 {
  232.                         "webviewId": "diypage", //DIY活动页
  233.                         "matchUrls": [{
  234.                                 "href": "W:http://url.com/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=diypage&id=*"
  235.                         }, {
  236.                                 "href": "W:http://url.com/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=diypage&id=*"
  237.                         }],
  238.                         "webviewParameter": {
  239.                                 "titleNView": {
  240.                                         "titleText": "",
  241.                                         "type": "transparent"
  242.                                 },
  243.                                 "statusbar": {
  244.                                         "background": "#f7f7f7"
  245.                                 }
  246.                         }
  247.                 },
  248.                 {
  249.                         "webviewId": "addresspost", //默认地址
  250.                         "matchUrls": [{
  251.                                 "href": "http://url.com/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=member.address"
  252.                         }, {
  253.                                 "href": "http://url.com/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=member.address"
  254.                         }],
  255.                         "webviewParameter": {
  256.                                 "titleNView": false,
  257.                                 "statusbar": {
  258.                                         "background": "#f7f7f7"
  259.                                 }
  260.                         }
  261.                 },
  262.                 {
  263.                         "webviewId": "addressadd", //新增地址
  264.                         "matchUrls": [{
  265.                                 "href": "W:http://url.com/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=member.address.post*"
  266.                         }, {
  267.                                 "href": "W:http://url.com/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=member.address.post*"
  268.                         }],
  269.                         "webviewParameter": {
  270.                                 "titleNView": false,
  271.                                 "statusbar": {
  272.                                         "background": "#f7f7f7"
  273.                                 }
  274.                         }
  275.                 },
  276.                 {
  277.                         "webviewId": "payok", //新增地址
  278.                         "matchUrls": [{
  279.                                 "href": "W:http://url.com/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=order.pay.success&id=*&result=true"
  280.                         }, {
  281.                                 "href": "W:http://url.com/app/index.php?i=1&c=entry&m=ewei_shopv2&do=mobile&r=order.pay.success&id=*&result=true"
  282.                         }],
  283.                         "webviewParameter": {
  284.                                 "titleNView": false,
  285.                                 "statusbar": {
  286.                                         "background": "#f7f7f7"
  287.                                 }
  288.                         }
  289.                 },
  290.                 {
  291.                         "webviewId": "common",
  292.                         "matchUrls": [{
  293.                                 "hostname": "R:.",
  294.                                 "pathname": "R:."
  295.                         }],
  296.                         "webviewParameter": {
  297.                                 "titleNView": false,
  298.                                 "statusbar": {
  299.                                         "style": "dark",
  300.                                         "background": "#F7F7F7"
  301.                                 }
  302.                         },
  303.                         "easyConfig": {
  304.                                 "quit": {
  305.                                         "toast": {
  306.                                                 "showFeedback": false
  307.                                         }
  308.                                 }
  309.                         }
  310.                 }
  311.         ]
  312. }
复制代码


app.js也需要配置
  1. App({
  2.         options: {
  3.                 debug: true
  4.         },
  5.         /**
  6.          * 当wap2app初始化完成时，会触发 onLaunch
  7.          */
  8.         onLaunch: function() {
  9.                 console.log('launch');
  10.                 var ws = plus.webview.currentWebview();
  11.                 console.log(ws.getURL())
  12.         },
  13.         /**
  14.          * 当wap2app启动，或从后台进入前台显示，会触发 onShow
  15.          */
  16.         onShow: function() {
  17.                 console.log('show');
  18.                 delete wap2app.quit
  19.         },
  20.         /**
  21.          * 当wap2app从前台进入后台，会触发 onHide
  22.          */
  23.         onHide: function() {
  24.                 console.log('hide');
  25.         }
  26. });
  27. Page('__W2A__url.com', { //首页扩展配置

  29.         onShow: function() {
  30.                 var ws = plus.webview.currentWebview();
  31.                 console.log(ws.getURL())
  32.                  ws.addEventListener('backbutton', function() {console.log(123) })
  33.         },

  35.         onClose: function() {

  37.         }
  38. });
  39. Page('kefu', { //首页扩展配置
  40.         onShow: function() {
  41.                 console.log('kefu')
  42.         },
  43.         onClose: function() {
  44. console.log('kefuback')
  45.         }
  46. });
  47. Page('member', { //首页扩展配置
  48.         onShow: function() {
  49.                 var ws = plus.webview.getWebviewById('member');
  50.                 setTimeout(function() {
  51.                         ws.beginPullToRefresh();
  52.                 }, 60000);
  53.         },
  54.         onClose: function() {

  56.         }
  57. });
  58. Page('sousuo', { //首页扩展配置
  59.         onShow: function() {
  60.                 console.log(123)
  61.         },
  62.         onClose: function() {

  64.         }
  65. });
  66. Page('address', { //地址选择
  67.         onShow: function() {
  68.                 var wv = plus.webview.currentWebview();  
  69.                 var _reject = function(event) {  
  70.                     var _url = event.url;  
  71.                     var o = plus.webview.create(_url,'id',{  
  72.                         titleNView:{  
  73.                             titleText:true,  
  74.                             autoBackButton:true  
  75.                         }  
  76.                     });  
  77.                     o.show('slide-in-right');  
  78.                 };  
  79.                 wv.overrideUrlLoading({  
  80.                     mode: 'reject'  
  81.                 }, _reject);
  82.                 console.log('禁止一直刷新')
  83.                
  84.                
  85.         },
  86.        
  87.         onClose: function() {
  88.                 console.log('reload')
  89.        
  90.         var ordercreates = plus.webview.getWebviewById('ordercreates');
  91.         ordercreates.reload(true)
  92.         }
  93. });
  94. Page('addresspost', { //默认地址
  95.         onShow: function() {
  96.                 var wv = plus.webview.currentWebview();  
  97.                 var _reject = function(event) {  
  98.                     var _url = event.url;  
  99.                     var o = plus.webview.create(_url,'id',{  
  100.                         titleNView:{  
  101.                             titleText:true,  
  102.                             autoBackButton:true  
  103.                         }  
  104.                     });  
  105.                     o.show('slide-in-right');  
  106.                 };  
  107.                 wv.overrideUrlLoading({  
  108.                     mode: 'reject'  
  109.                 }, _reject);
  110.                 console.log('禁止一直刷新')
  111.                
  112.                
  113.         },
  114.        
  115.         onClose: function() {
  116.                 console.log('reload')
  117.         var ordercreate = plus.webview.getWebviewById('ordercreate');
  118.         var ordercreates = plus.webview.getWebviewById('ordercreates');
  119.         ordercreate.reload(true)
  120.         ordercreates.reload(true)
  121.         }
  122. });

  124. Page('addressadd', { //新增地址
  125.         onShow: function() {
  126.                 var wv = plus.webview.currentWebview();  
  127.                 var _reject = function(event) {  
  128.                     var _url = event.url;  
  129.                     var o = plus.webview.create(_url,'id',{  
  130.                         titleNView:{  
  131.                             titleText:true,  
  132.                             autoBackButton:true  
  133.                         }  
  134.                     });  
  135.                     o.show('slide-in-right');  
  136.                 };  
  137.                 wv.overrideUrlLoading({  
  138.                     mode: 'reject'  
  139.                 }, _reject);
  140.                 console.log('禁止一直刷新')
  141.                
  142.                
  143.         },
  144.        
  145.         onClose: function() {
  146.                 console.log('reload')
  147.         var ordercreate = plus.webview.getWebviewById('ordercreate');
  148.         var ordercreates = plus.webview.getWebviewById('ordercreates');
  149.         ordercreate.reload(true)
  150.         ordercreates.reload(true)
  151.         }
  152. });
  153. Page('payok', { //首页扩展配置
  154.         onShow: function() {
  155.                 var webview = plus.webview.currentWebview()
  156.                 plus.key.addEventListener('backbutton', function() {
  157.                         return false
  158.                 })
  159.         },
  160.         onClose: function() {

  162.         }
  163. });
复制代码


以上代码主要是解决了 有些页面无限刷新的BUG

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

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

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

举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 注册

本版积分规则

关闭

站长推荐上一条 /2 下一条

快速回复 返回顶部 返回列表