H5与小程序混合开发实践

H5与小程序混合开发

一、混合场景

• 小程序内嵌H5：web-view组件
• H5跳转小程序：开放标签wx-open-launch-weapp
• 小程序分享H5：扩大传播范围

二、web-view使用

• 加载H5页面
• 小程序与H5通信：postMessage
• 扫码、支付等能力调用

三、开放标签

H5中可使用微信开放标签直接跳转小程序：

• wx-open-launch-weapp：打开小程序
• 需在JS-SDK中配置

四、注意事项

• web-view中H5域名需配置业务域名
• 小程序与H5状态同步
• 性能：web-view加载慢于原生页面

相关文章推荐