2025-02-23 数码 0
在上个月，小程序推出了一个新的特性，即支持内嵌网页，这让我开始了将网页集成到小程序中的探索之旅。之前，我只是一个普通的安卓用户。
为了实现支付功能，我们需要利用JSSDK 1.3.0提供的接口，但令人惊讶的是，它不支持直接调用的支付接口。在研究了好一会儿之后，我终于找到了两边交互通畅的方法。
下面是大致的流程：
首先，我们需要了解涉及到的文件和代码部分：
app.js：这是小程序中最重要的一个文件，用于定义全局变量，其中包括保存支付成功跳转URL的paySuccessUrl。
web-view>：这是一个内嵌网页组件，可以通过它来调用小程序原生页面。
web_pay.vue：这是一个Vue组件，负责处理支付逻辑。
在这个过程中，我们需要做以下几步：
在app.js中定义全局变量，并在内嵌网页中使用该变量来传递信息。
在内嵌网页中调用支付时，将相关参数（如金额、说明、跳转URL等）传递给小程序原生页面。
当用户完成支付后，在小程序端更新全局变量以保存支付结果和当前时间。
当页面显示时检查是否有未处理完毕的支付成功事件，并根据情况进行相应操作。
最后，当路由发生变化时，如果检测到来自小程序端的支付成功信号，就可以执行相应操作，如解析查询参数中的数据并触发界面更新或其他业务逻辑。
尽管这是一项复杂任务，但经过努力，我终于能够实现无刷新加载，以便用户体验更加流畅。如果您对此有兴趣，也许可以从我的经验中学到一些东西。
