浅析网页与小程序间怎么进行通信

发布日期： 2021-12-07 阅读量： 作者： 网络

网页与小程序间怎么进行通信？下面本篇文章给大家介绍一下关于网页与小程序通信的相关知识，希望对大家有所帮助！

浅析网页与小程序间怎么进行通信

我们的微信小程序采用的web-view的方式内嵌H5项目，从而减少开发量，在实际只用中会遇到网页与小程序通信的功能需要，下面我简单总结了我遇到的问题以及解决方案。

小程序提供的功能

微信提供了网页向小程序发送消息的方法：wx.miniProgram.postMessage，该方法向小程序发送消息，会在特定时机（小程序后退、组件销毁、分享）触发组件的message事件。

具体API详情可以查看微信开放文档https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html

简单介绍一下如果使用，以分享为例，如果页面A需要特别设置分享内容，比如转发标题、缩略图等。可以再网页中设置好变量值，通过发送给小程序

网页

let shareData = {
  path: '转发路径',
  title: '自定义转发标题',
  imageUrl: '缩略图url',
};
wx.miniProgram.postMessage({ data: JSON.stringify(shareData) });