如何把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代码中去操作，而不是在小程序中操作