2021年中国十大科技新闻事件中微信小程序与内嵌网页交互实现支付功能这是一种怎样的技术奇迹呢让我们一

在上个月，小程序推出了一个新的特性，即支持内嵌网页，这让我开始了将网页集成到小程序中的探索之旅。之前，我只是一个普通的安卓用户。内嵌网页可以使用JSSDK 1.3.0提供的接口，但令人惊讶的是，它不支持直接调用的支付接口。在研究了好一会儿之后，我终于找到了两边交互通畅的方法。

下面是大致的流程：

首先，我们需要了解一些涉及到的文件和步骤：

app.js：小程序中定义的一个全局变量paySuccessUrl，用于保存支付成功后跳转的URL。

web-view>：在内嵌网页中设置跳转路径。

在web_pay.vue页面调用支付时，将支付金额、说明和跳转URL等参数传递给小程序原生页面。

onLoad事件获取这些值并进行处理。

当支付完成后，我们需要更新全局变量以记录成功信息，并准备好返回URL。

paySuccess函数更新当前时间并构建包含支付结果和时间戳的URL。

将这个URL存储到小程序全局变量中，以便后续使用。

7-8步骤描述了如何通过onShow事件检查是否有已知的支付成功回调，并且触发相应动作，比如加载新的数据或执行界面刷新操作（如果必要）。

最后，在beforeRouteUpdate钩子函数中，可以监控路由变化，并根据查询参数来决定是否执行特定的逻辑，比如处理来自小程序端支付成功后的回调。

这就是我实现微信小程序与内嵌网页交互，实现无刷新付款功能的小白经历。希望对你有所帮助，如果你觉得文章有用，请点赞支持！