2021-02-06 让微信小程序和webviewH5实现互相通讯(demo)

2021-02-06 让微信小程序和webviewH5实现互相通讯(demo),第1张

在微信小程序里,webviewH5向miniProgram通讯只能通过 postMessage 函数

然而这个函数却很鸡肋,小程序官方文档是这样描述的: 向小程序发送消息,会在特定时机(小程序后退、组件销毁、分享)触发组件的message事件

而且小程序官方文档里没有提到miniProgram如何向webviewH5通讯

在这个demo中, 展示了我是如何让webviewH5和miniProgram互相通讯

其实原理很简单:

success

failure

cancel

https://github.com/abu3389/wx_app_webview

附加: Uniapp与webview通信用法

在web-view加载的本地及远程HTML中调用uni的API及网页和vue页面通讯

https://ask.dcloud.net.cn/article/id-35083__page-9

首先,对应的H5页面需要集成微信的JS SDK集成文档点击链接: 微信的JS SDK

或者 通过发送的数据判断进行跳转处理

附上微信官方社区的交流说明,可能最接近解决方案,仅供各位参考,

官方社区Issue

后续,如果在小程序开发中, 遇到了其他的问题,会持续记录在此哦~

如果你的小程序使用 Webview 来加载网页,那么网页上的数据是不能直接更改小程序本身数据的。在这种情况下,可以通过将小程序和网页数据集成,然后通过后端 API 来读取并更新小程序数据。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/8124745.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-13
下一篇 2023-04-13

发表评论

登录后才能评论

评论列表(0条)

保存