mui集成微信H5支付(返回白屏问题已经解决)

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

一.项目需求

因为公司人员缺少,没有专门开发安卓和ios的人员,为了项目尽早上线采用了混合APP开发的方式,我选择了MUI混合开发框架,项目中需要在用户购买VIP会员的时候进行支付,所以需要在项目中解决这个问题,由于开发平台的支付没有申请下来,所以暂时先使用微信公众号H5支付.

二.在购买vip页面请求服务端接口获取H5支付的微信链接地址mweb_url




    
    
    喜登对
    
    
    
    



    

开通VIP

    升级为VIP,快速找到另一半

    交友成功率

    收信次数

    年费会员独享

    置顶推荐一天

    高级搜索

    无限畅聊

    优先推荐

    优先审核

    隐身访问

    查看全部

    在线状态

    三.处理微信H5支付连接mweb_url的跳转问题(重点)

    这里一般会遇到这些问题:

    问题1.跳转mweb_url链接后出现商家参数有误的问题(解决办法:没有设置好头信息里面的referer参数,或者referer参数填写的连接不是微信商户平台注册的安全域名)

    问题2:能跳转到微信的支付页面,但是返回后出现页面空白,或者支付成功后点击完成出现页面空白的问题,解决的方案是:

    把当前页面当做mweb_url支付页面的父级页面,不要用open的方式打开支付连接,而是以子页面的形式添加本页面中,且设置好子页面的显示样式就可以完美解决这个问题,完整的解决代码如下:

    
    
    
    
        
        
        喜登对
        
        
        
        
    
    
    
        

    开通VIP

      升级为VIP,快速找到另一半

      交友成功率

      收信次数

      年费会员独享

      置顶推荐一天

      高级搜索

      无限畅聊

      优先推荐

      优先审核

      隐身访问

      查看全部

      在线状态

       

      转载于:https://my.oschina.net/u/3223370/blog/1858475

      你可能感兴趣的:(mui集成微信H5支付(返回白屏问题已经解决))