人人商城小程序web-view内嵌H5页面实现微信原生支付

我们首先参考一下前文微信小程序web-view内嵌H5页面跳转回小程序指定页面,想要实现web-view内的微信支付,需要将订单ID或订单编号ordersn传递至小程序端,也就是需要在小程序端接收H5的页面参数,然后通过小程序发起微信支付

注:如下部分均在前文的基础上进行处理,完整代码部分请参考前文或联系老杨 QQ87005971 获取。

H5页面传参

let payData = {
	orderid: 123,
	ordersn: 'abc123456789',
	fee: 123, //单位 分
	title: '测试 web-view 发起微信支付'
};

小程序web-view内嵌H5页面

web-view 在内嵌H5页面前,需要在公众号上设置服务器域名,然后通过如下代码调用

<web-view src="https://yangjunwei.com/5515.html"></web-view>