小程序APP嵌套的H5与小程序APP通信

最新推荐文章于 2024-04-25 14:56:08 发布

风吹琉璃

最新推荐文章于 2024-04-25 14:56:08 发布

阅读量303

点赞数

分类专栏： H5 文章标签： webview 微信小程序

本文链接：https://blog.csdn.net/weixin_45510256/article/details/119983247

版权

H5 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

这篇博客探讨了不同平台间的通信机制，包括iOS使用`webkit.messageHandlers`发送消息，Android利用`WebViewJavascriptBridge`进行数据传递，以及小程序中通过`wx.miniProgram`的`switchTab`和`postMessage`方法实现在页面间和应用间的交互。同时，提到了在网页中引入微信JS-SDK的重要性。

摘要由CSDN通过智能技术生成

// IOS
window.webkit.messageHandlers.JSObject.postMessage("center");
// Android
window.WebViewJavascriptBridge.send("center", function (responseData) {
  console.log(responseData);
});
// 小程序miniapp(小程序端用web-view，网页向应用 postMessage 时，会在特定时机（后退、组件销毁、分享）触发并收到消息。)
wx.miniProgram.switchTab({ url: "/pages/index/index" });
 wx.miniProgram.postMessage({ data: "miniapp" });
 // 在index.html底部引入<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>