小程序
小游戏
企业微信
微信支付
扫描小程序码分享
小程序的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:
() {
// 转发成功
wx.showToast({
title:
'分享成功~'
,
icon:
'success'
duration:
1800
},
fail:
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
求问 最后怎么解决的
你想以什么样的形式分享出去?小程序自带分享只能是小程序卡片,我的做法是在H5里将想要分享的H5页面链接发送给小程序,小程序分享的时候就用这个链接。
jssdk. 公众号分享
和正常的小程序转发是一样的啊
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
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
() {
})
}
}
}
求问 最后怎么解决的
你想以什么样的形式分享出去?小程序自带分享只能是小程序卡片,我的做法是在H5里将想要分享的H5页面链接发送给小程序,小程序分享的时候就用这个链接。
jssdk. 公众号分享
和正常的小程序转发是一样的啊