小程序webview如何实现自定义分享功能?
小程序的webview中的H5页面要实现分享功能,分享一个于小程序无关的外部H5页面给微信好友,请问如何实现
5 回复
bindmessage 网页向小程序 postMessage 时,会在特定时机(小程序后退、组件销毁、分享)触发并收到消息。e.detail = { data },data是多次 postMessage 的参数组成的数组
h5 jssdk
wx.miniProgram.postMessage({ data: { title: window.document.title, //desc: document.querySelector('meta[name=description]').content } }); |
wxml
<web-view src= "{{url}}" bindmessage= "bindmessage" binderror= "binderrorLoad" bindload= "bindloading" ></web-view> |
wxjs
bindmessage(e) { //接收web-view传递的参数 this .setData({ //存储状态 CurrentTitle : e.detail.data[ 0 ].title }) } |
onShareAppMessage: function (res){ return { //res.webViewUrl这就是web-view中的网址 title: CurrentTitle, path: res.webViewUrl, imageUrl: shareImageUrl, success: function () { // 转发成功 wx.showToast({ title: '分享成功~' , icon: 'success' , duration: 1800 }) }, fail: function () { }) } } } |