【微信小程序】微信小程序支付、微信小程序webview引入H5实现支付等

最近有个需要由于H5页面需要嵌套在微信小程序里面,所以H5的支付在小程序里面就行不通了。不过我看社区里面说的测试环境微信小程序webview引入H5是可以实现调取H5支付功能的,线上则调不起来。时间紧迫,咱也不敢尝试啊。只能另辟蹊径了,哈哈哈。

借用一下大佬的视频来代替效果图 (为自己的懒找个说得过去的理由

https://v.qq.com/x/page/t0913iprnay.html  

注释:视频中的大佬使用的小程序支付,而我下面介绍的封装过的小程序支付。所以后面代码会有些许出入,可根据自己的业务需求,随时调整哈。 你品 你细品

最终找到了这种方法:

思路:小程序webview页面引入H5页面,并在H5页面点击支付按钮的时候跳转到微信小程序支付页面(wepay.js)然后再调起微信小程序原生页面即可 支付成功之后再回调到小程序的webview页面就好了(这里需要注意webview页面的src路径不要搞错了)

由于ping++实现了多种支付功能的封装,所以我们只需要借助ping++的一个函数即可实现支付功能

具体实现步骤请看:

第一步我们小程序需要先有微信支付功能才能进行后续操作

猜你喜欢

转载自blog.csdn.net/qq_37949737/article/details/108623653