最新公告
  • 欢迎您光临三优资源网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入我们
  • 人人商城打包app的教程,需要准备的东西:
    1:人人商城v3的一套源码,在设置中配置好app微信支付的相关参数
    2:准备好安卓证书和签名,推荐一个在线生成证书:http://www.applicationloader.net/appuploader/keystore.php,证书获取签名工具:gensignature (自行查阅使用方法)
    3:微信开放平台:https://open.weixin.qq.com/ 注册 移动应用 ,开通微信支付,需要开发者认证
    4:这里用到的打包软件是:HbuilderX

    HbuilderX使用:原生app–云打包,在sdk配置中的 微信分享和微信支付上填写你申请的appid

    1:请求头中添加app标示,否则会识别成H5,在源码视图中搜索 “plus” :在plus中添加一个配置项

    “useragent” : { “value” : ” CK 2.0 “, “concatenate” : true },

    2:在sitemap.json中里面的page替换一下,不加上去的话会出现两个标题栏的情况

    “pages”:[
    {
    “webviewId”: “__W2A__shop.klcnsc.com”,//首页
    “matchUrls”: [
    {
    “href”: “https://www.nnbbxx.net/app/index.php?i=2&c=entry&m=ewei_shopv2&do=mobile”
    }, {
    “href”: “https://www.nnbbxx.net/app/index.php?i=2&c=entry&m=ewei_shopv2&do=mobile”
    }
    ],
    “webviewParameter”: {
    “titleNView”: false,
    “statusbar”: {
    “background”: “#f7f7f7”
    }
    }
    },
    {
    “webviewId” : “common”,
    “matchUrls” : [
    {
    “hostname” : “R:.”,
    “pathname” : “R:.”
    }
    ],
    “webviewParameter” : {
    “titleNView” : false,
    “statusbar” : {
    “style” : “dark”,
    “background” : “#F7F7F7”
    }
    },
    “easyConfig” : {
    “quit” : {
    “toast” : {
    “showFeedback” : false
    }
    }
    }
    }
    ]

    微信分享

    分享的页面文件路径:ewei_shopv2/template/mobile/default/headmenu.html

    可以看到有一个分享,添加一个点击事件

    //微信分享
    function share(){
    if(navigator.userAgent.indexOf(“Html5Plus”) > -1) {
    //5+ 原生分享
    window.plusShare({
    title: “应用名字”,//应用名字
    content: document.title,
    href: location.href,//分享出去后,点击跳转地址
    thumbs: [“https://xxxxx/xxx.jpg”] //分享缩略图
    }, function(result) {
    //分享回调
    });
    } else {
    //原有wap分享实现
    }
    }

    微信支付
    微信支付会稍微复杂一点,

    1:
    首先要先准备好生成订单的接口,github示例代码:https://github.com/dcloudio/H5P.Server/tree/master/payment/wxpayv3,记得修改WxPay.Config.php文件中的配置参数

    2:
    Hbuilder官方文档中有实例代码,在基础上做了修改支付页面在:ewei_shopv2/template/mobile/default/order/pay.html
    底部加上官方的示例代码:

    var channel=null;
    // 1. 获取支付通道
    function plusReady(){ //uni-app中将此function里的代码放入vue页面的onLoad生命周期中
    // 获取支付通道
    plus.payment.getChannels(function(channels){
    channel=channels[0];
    },function(e){
    alert(“获取支付通道失败:”+e.message);
    });
    }
    document.addEventListener(‘plusready’,plusReady,false);//uni-app不需要此代码
    var ALIPAYSERVER=’http://demo.dcloud.net.cn/helloh5/payment/alipay.php?total=’;
    //这里的微信支付改成你刚才的生成订单的接口
    var WXPAYSERVER=’http://demo.dcloud.net.cn/helloh5/payment/wxpay.php?total=’;
    // 2. 发起支付请求
    function pay(id){
    // 从服务器请求支付订单
    var PAYSERVER=”;
    if(id==’alipay’){
    PAYSERVER=ALIPAYSERVER;
    }else if(id==’wxpay’){
    PAYSERVER=WXPAYSERVER;
    }else{
    plus.nativeUI.alert(“不支持此支付通道!”,null,”捐赠”);
    return;
    }
    var xhr=new XMLHttpRequest();
    xhr.onreadystatechange=function(){
    switch(xhr.readyState){
    case 4:
    if(xhr.status==200){
    plus.payment.request(channel,xhr.responseText,function(result){
    plus.nativeUI.alert(“支付成功!”,function(){
    back();
    });
    },function(error){
    plus.nativeUI.alert(“支付失败:” + error.code);
    });
    }else{
    alert(“获取订单信息失败!”);
    }
    break;
    default:
    break;
    }
    }
    xhr.open(‘GET’,PAYSERVER);
    xhr.send();
    }

    在微信支付位置添加上你的点击事件 ,事件就是 pay(‘wxpay’) ,

    3:

    在首页待支付订单进入的时候会出现错误支付失败 ,错误代码62000的情况,加上解决办法在 var channel=null; 后面添加一个加载函数就解决错误代码62000的情况

    $(function () {
    plus.payment.getChannels(function(channels){
    channel=channels[0];
    },function(e){
    alert(“获取支付通道失败:”+e.message);
    });
    })

    4:

    还有一个情况就是支付的订单号的问题,两边订单号要统一所以生成订单的时候的url中记得吧 当前订单号 传过去,生成订单,否则订单会出现不能正常退款的问题

    5:

    支付成功之后要发送请求修改订单状态和跳转,在你的支付成功的函数中修改代码直接加上,路径自行修改i的值和域名

    window.location.href=“https://xxx.com/app/index.php?i=2&c=entry&m=ewei_shopv2&do=mobile&r=order.pay.complete&oid={$order[‘id’]}&type=wechat”

    修改函数位置在ewei_shopv2/core/mobile/order/pay.php 这个的 complete 函数,可以删除 $ispeerpay的相关判断和判断中的内容,有点忘记了,不行的话自行打印调整修改代码


    到此app的配置就完成了,一些细节方面可能写的不够细致,可以在基础上加上自己的拓展和细节上的东西, 这个只是实现了功能,能正常分享支付,很多东西还是要自己拓展。

    支付宝
    支付宝大同小异:https://github.com/dcloudio/H5P.Server/tree/master/payment/alipayrsa2
    生成订单的sdk下载来保存好,就改个支付参数就行了 其他的不用做修改,支付成功的时候,我是把它放在和微信同一个方法,就更改一下支付的类型就行了,支付宝是22,微信是21,这就成功了,退款的也是微调代码就能使用,具体剩下的就自己调试了

    1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!3165260857@qq.com
    2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励!
    3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
    4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有站币奖励和额外收入!


    三优资源网 » 人人商城v3打包app教程及配置分享和调起原生app微信、支付宝支付

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    三优资源网
    一个高级程序员模板开发平台

    发表评论

    发表评论

    • 91会员总数(位)
    • 720资源总数(个)
    • 8本周发布(个)
    • 0 今日发布(个)
    • 173稳定运行(天)

    提供最优质的资源集合

    立即查看 了解详情