mickeyort 发表于 2021-7-25 10:25:11

小程序webview组件不生效的处理办法

小程序webview组件,小程序和webview交互,小程序内联h5页面,小程序webview内网页实现微信支付


小程序支持webview以后,我们开发的好多h5页面,就可以直接在小程序里使用了,比如我们开发的微信商城,文章详情页,商品详情页,就可以开发一套,多处使用了。我们今天来讲一讲。在小程序的webview里实现微信支付功能。因为微信不允许在小程序的webview里直接调起微信支付。所以我们这节课就要涉及到小程序和webview的交互了。



1, 必须引入jweixin,才可以实现h5跳转小程序。
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>

2,跳转到小程序页面的方法

const url = `../wePay/wePay?payDataStr=${payDataStr}`;
wx.miniProgram.navigateTo({
      url: url
})

这里要和你小程序的页面保持一致。payDataStr是我们携带的参数

QQ小程序也是类似的解决思路
页: [1]
查看完整版本: 小程序webview组件不生效的处理办法