uniapp 开发App使用微信H5支付解决方案

文章讲述了在uni-app项目中,如何解决iOS上使用H5微信支付后回退至app时的白屏问题,涉及到UrlSchemes配置和在h5页面配置redirect_url,以及在app.vue的onLaunch事件中接收配置。特别提示Android和iOS的区别处理。
摘要由CSDN通过智能技术生成

在uni开发中,项目不使用uni的内置支付,采用h5页面的微信支付方式;这种方式在android上没什么太大问题,但是在iOS上就会出现回退时白屏问题包括iOS上跳转后无法返回app。下面就是我到处查询总结后的有效解决办法: 

         iOS跳转微信完成支付后无法自动返回app,是因为UrlSchemes没有配置好。

解决方案:

        点击项目的manifest.json文件, App常用其它设置-UrlSchemes,将申请h5支付的域名输入进去作为返回app的scheme

在h5支付页面配置redirect_url作为回退路径,值要与scheme的值一致后面多加符号‘://+路径’

注意:此处是用来配置回退到app的页面路径,安卓的不要配置,安卓配置了路径有问题,会出现闪退。

这里可以使用window.navigator.userAgent.toLowerCase() 来区分设备和浏览器               

最后在uni-app开发app中的app.vue页面 onLaunch 进行接收配置

我这里项目不止一处支付的处理,根据实际效果进行配置。

以上就是我的处理方法,仅针对ios的配置。

萌新小白见解,如果有不对的地方,希望大佬能够及时指点!谢谢Thanks♪(・ω・)ノ!!

  • 13
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 7
    评论
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

夜雨丿听风丶

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值