微信小程序web-view与H5 通信方式探索

最新推荐文章于 2024-07-17 14:40:57 发布

奇舞周刊

最新推荐文章于 2024-07-17 14:40:57 发布

阅读量6.4k

点赞数 4

文章标签：微信小程序前端小程序微信

本文链接：https://blog.csdn.net/qiwoo_weekly/article/details/128024644

版权

本文探讨了微信小程序与H5混合开发的需求及方式，包括通过URL拼接参数、H5调用微信API和Websocket等方式的优缺点。文章指出，微信对小程序与H5通信有限制，建议尽量避免大范围嵌入H5，推荐使用骨架屏提升用户体验。

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

本文作者为奇舞团前端开发工程师

小程序简介

小程序是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验。

微信小程序 H5 混合开发就是 在一个小程序中，采用部分小程序原生页面，部分通过Webview内嵌 H5 页面¹，二者配合实现完整业务逻辑的方案。

<web-view class="web-holder" src="{
   {url}}" bindload="bindload" binderror="binderror" bindmessage="bindGetMsg"></web-view>

web-view网页中可使用JSSDK 1.3.2提供的接口返回小程序页面。支持的接口有：

接口名	说明	最低版本
wx.miniProgram.navigateTo	参数与小程序接口一致	1.6.4
wx.miniProgram.navigateBack	参数与小程序接口一致	1.6.4
wx.miniProgram.switchTab	参数与小程序接口一致	1.6.5
wx.miniProgram.reLaunch	参数与小程序接口一致	1.6.5
wx.miniProgram.redirectTo	参数与小程序接口一致	1.6.5
wx.miniProgram.postMessage	向小程序发送消息，会在特定时机（小程序后退、组件销毁、分享）触发组件的 message 事件	1.7.1
wx.miniProgram.getEnv	获取当前环境	1.7.1

关注