您当前的位置： 首页 > 学无止境 > 心得笔记 网站首页心得笔记
微信小程序webview内嵌支付
发布时间：2020-03-08 10:01:51编辑：雪饮阅读（）
这星期接到一个看似很简单的任务，说是要做一个h5页面，因为这段时间武汉新冠肺炎的事情，所以这个h5界面是一个开通什么医疗保障之类的会员界面，开通时需要支付。
拿到这个需求我就开始做，既然是h5那么我就问客户要了公众号相关信息除了界面设计费了些时间，支付很快就打通了。在即将交付时才得知要放在小程序的webview中，我以为小程序webview和普通的浏览器没有区别，只要我普通微信浏览器中能支付，那么在webview中就仍然可以。结果在webview中发现无论如何无法唤醒微信支付。这里提醒下webview中调试要鼠标右键你的webview界面看到一个“调试”按钮，点击他才可以调试。
原来小程序中webview支付需要回到小程序中支付，那么后端返回给前端支付参数包时候所用的appid也要变成小程序的appid，openid也就必须是小程序的openid，关于这两点，我这里没有做过详细确认，不过我这个任务上线时候的逻辑就是这样的，目前没有出现什么问题，那么如果你要做公众号支付和小程序支付的兼容，那么在小程序中需要提供一个单独的支付界面，当判断到环境是小程序时候带着支付参数包到这个界面唤醒微信支付即可，该参数包和公众号支付所需的支付参数包字段结构等一模一样。
那么下面提供下具体的代码，这个代码以小程序中支付偏重，是一个不太完整的代码，但可以参考，可以根据自己的项目斟酌调整
关键字词：微信小程序,webview支付,内嵌,嵌套,公众号