超级会员免费看
本文介绍了如何在微信小程序中通过webview引入H5页面，实现在H5中调用微信小程序的原生支付功能。详细阐述了从配置微信支付到关联商户号，再到利用ping++库实现支付的步骤，包括webview与小程序页面的交互，以及支付成功后的回调处理。
最近有个需要由于H5页面需要嵌套在微信小程序里面，所以H5的支付在小程序里面就行不通了。不过我看社区里面说的测试环境微信小程序webview引入H5是可以实现调取H5支付功能的，线上则调不起来。时间紧迫，咱也不敢尝试啊。只能另辟蹊径了，哈哈哈。
借用一下大佬的视频来代替效果图 （为自己的懒找个说得过去的理由）
注释：视频中的大佬使用的小程序支付，而我下面介绍的封装过的小程序支付。所以后面代码会有些许出入，可根据自己的业务需求，随时调整哈。 你品 你细品
最终找到了这种方法：
思路：小程序webview页面引入H5页面，并在H5页面点击支付按钮的时候跳转到微信小程序支付页面（wepay.js）然后再调起微信小程序原生页面即可 支付成功之后再回调到小程序的webview页面就好了（这里需要注意webview页面的src路径不要搞错了）
由于ping++实现了多种支付功能的封装，所以我们只需要借助ping++的一个函数即可实现支付功能
具体实现步骤请看
订阅专栏 解锁全文
扫一扫
2420
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
