如何把wed分享不是小程序
发布网友
发布时间:2023-01-04 07:17
我来回答
共4个回答
热心网友
时间:2023-10-12 22:38
如何把wed分享不是小程序:变通的方法,就是将小程序转成带有小程序码的图片,将图片分享到朋友圈。好友通过长按识别图片上的小程序码,直接进入小程序具体的页面,包括首页。大家可以打开软件开发记这个小程序,随便找一篇文章使用下面的海报功能,体验这个过程。
热心网友
时间:2023-10-12 22:39
1、h5通过postMessage给小程序发送需要分享的消息(以下是一篇专区文章的详情页面,拿到文章详情后,传递给小程序)
const ua = window.navigator.userAgent.toLowerCase()
if (ua.indexOf('micromessenger') > -1) {
// 判断是否是微信环境
wx.miniProgram.getEnv(function (res) {
if (res.miniprogram) { // 小程序环境
const message = {
title: '......'
desc: '.....'
}
wx.miniProgram.postMessage({
data: {
message
}
})
} else {
// 非小程序环境下逻辑
// console.log('不在小程序中')
}
})
}
登录后复制

2、小程序端对webview传递的参数进行处理。(注意:小程序只会在特定时机(小程序后退、组件销毁、分享)触发并收到消息)
<web-view
src="{{ url }}"
bindmessage="handleWebviewMessage"
bindload="handleWebviewLoad"
/>
handleWebviewMessage (e) {
//h5每次传递的值,都会存在e.$wx.detail.data,根据需要去处理相关值
const payloadFromWebview = e.$wx.detail.data[e.$wx.detail.data.length - 1]['message']
this.shareConfig = { ...this.shareConfig, ...payloadFromWebview }
}
登录后复制

3、小程序端调用分享方法
onShareAppMessage: function (options) {
const webViewUrl = options.webViewUrl
const orgCode = wx.getStorageSync('orgCode')
const wxId = wx.getStorageSync('wxId')
return {
title: this.$wepy.shareConfig.title,
path: '/pages/web-view/tab-web-view?url=' + encodeURIComponent(webViewUrl) + '&orgCode=' + orgCode + '&wxId=' + wxId
}
}
热心网友
时间:2023-10-12 22:39
你好!由于整个小程序都是用web-view嵌入的,这个时候,如果单纯的进行页面分享,只会导致不管在web-view的哪个页面进行分享,都会在点击后进入首页。
热心网友
时间:2023-10-12 22:40
webView跳转H5页面如何禁止小程序分享功能(小程序三个点里面的分享操作)?
Cancer-H2021-04-123420浏览问题模块: 其他开发相关的问题
小程序内部通过webView打开H5页面,如何在当前H5 页面中禁止小程序的分享功能呢?禁止是在H5代码中去操作,而不是在小程序中操作