关于微信小程序分享及分享朋友圈、复制链接

这篇具有很好参考价值的文章主要介绍了关于微信小程序分享及分享朋友圈、复制链接。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1、关于直接隐藏分享及分享朋友圈、复制链接

直接在需要禁用的小程序页面的onShow生命周期里使用 wx.hideShareMenu()

在体验版展示如下(分享和分享朋友圈已禁用,复制链接还在)

关于微信小程序分享及分享朋友圈、复制链接

 正式版才能完全生效,展示如下(分享和复制链接全部禁用)

关于微信小程序分享及分享朋友圈、复制链接

 2、关于禁用分享朋友或者分享朋友圈

一样在需要禁用的小程序页面里使用(复制链接无法单独被禁用,它与分享朋友共存亡)

wx.hideShareMenu({ menus: ['shareAppMessage', 'shareTimeline'] })

注意事项:

1、shareAppMessage:发送给朋友按钮;

2、shareTimeline:分享到朋友圈按钮;

3、隐藏“发送给朋友”按钮时必须同时隐藏“分享到朋友圈”按钮;

4、隐藏“分享到朋友圈”按钮时则允许不隐藏“发送给朋友”按钮。

3、关于分享朋友及分享朋友圈的参数设置

通过onShareAppMessage(Object object)监听用户点击页面内转发按钮(button 组件 open-type="share")或右上角菜单“转发”按钮的行为,并自定义转发内容。

注意:只有定义了此事件处理函数,右上角菜单才会显示“转发”按钮

onShareAppMessage() {
    const promise = new Promise(resolve => {
      setTimeout(() => {
        resolve({
          title: '自定义转发标题'
        })
      }, 2000)
    })
    return {
      title: '', // 默认为小程序名称
      path: '', // 默认为当前页面路径
      imageUrl: '', // 默认为当前页面的截图
      promise // 如果该参数存在,则以 resolve 结果为准,如果三秒内不 resolve,分享会使用上面传入的默认参数
    }
  }

onShareTimeline()与onShareAppMessage()相同用法,监听右上角菜单“分享到朋友圈”按钮的行为,并自定义分享内容。

4、关于自定义复制链接内容

wx.onCopyUrl(function listener),监听用户点击右上角菜单的「复制链接」按钮时触发的事件文章来源地址https://www.toymoban.com/news/detail-426045.html

// 绑定分享参数
  wx.onCopyUrl(() => {
    return { query: 'a=1&b=2' }
  })

  // 取消绑定分享参数
  wx.offCopyUrl()

// 修改复制内容
wx.onCopyUrl(() => {
				    setTimeout(() => {
                    // 获取复制的链接
                    uni.getClipboardData({
						success: function (res) {
							console.log(res.data);
						}
					});
                    // 设置剪切板内容
					uni.setClipboardData({
						data: '不能复制',
						showToast: false, // 未生效
						success: function () {
							console.log('success')
							wx.hideToast()
						}
					});
				}, 1000)
			})

到了这里,关于关于微信小程序分享及分享朋友圈、复制链接的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序分享、转发朋友、分享朋友圈使用整理

    一、微信小程序分享监听 Page.onShareAppMesssage() onShareAppMessage(Object object) 监听用户点击页面内转发按钮(button 组件  open-type=\\\"share\\\" )或右上角菜单“转发”按钮的行为,并自定义转发内容。 注意:只有定义了此事件处理函数,右上角菜单才会显示“转发”按钮 参数 Object obj

    2024年02月04日
    浏览(64)
  • uniapp 微信小程序分享、分享朋友圈功能

    页内自定义分享按钮 当页面js上没有添加事件“onShareAppMessage”,右上角‘…’不会出现“转发”事件。 如果有事件,但是没有定义事件内容的话,转发的卡片则是当前页面的截屏信息。 官方文档:https://uniapp.dcloud.io/api/plugins/share?id=onshareappmessage 方式1:小程序右上角原生菜

    2024年02月16日
    浏览(55)
  • 微信小程序onShareTimeLine分享朋友圈功能

    微信为了更好的用户体验在2.11.3版本当中新出了一个onShareTimeLine方法跟onShareAppMessage类似的方法用于分享朋友圈,在onShareTimeLine当中的参数有title、query、imageUrl三个参数,其中title是标题,query是路径可携带参数,imageUrl是自定义的图片比例为1:1,只支持png和jpg格式的图片,默

    2024年02月16日
    浏览(44)
  • 微信小程序 - - - - - 转发分享(发送给好友、分享到朋友圈)

    监听用户点击右上角菜单的「转发」按钮时触发的事件 设置转发的参数 官方文档:onShareAppMessage ****.js 分享到朋友圈 不支持自定义页面路径!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! 监听用户点击右上角菜单的「转发」按钮时触发的事件 设置转发

    2024年02月09日
    浏览(70)
  • 微信小程序开启分享给好友及分享朋友圈功能

    创建一个空白模板的微信小程序,发布成功后才发现不能分享给好友 及朋友圈 查了下才知道,要有分享功能需要开启。 在小程序首页的里添加以下两个函数  分享好友 和朋友圈里设置要显示 的标题的图片底图。  return {       title:\\\'分享时标题\\\',       query:{        

    2024年02月12日
    浏览(63)
  • uniapp 微信小程序中实现“发送给朋友”和“分享到朋友圈”

    先新建一个js文件,内容如下: 在main.js中引入 完成上面两步后,每个页面都会有分享按钮了,在页面的 data 里面可以单独设置参数了 效果图如下

    2024年03月10日
    浏览(71)
  • 【uniapp】微信小程序分享到聊天,朋友圈

    ​​​​​manifest.json的app模块配置开启Share微信分享,填入appId。  2.示例  3.界面分享按钮:button open-type=\\\"share\\\"分享/button

    2024年02月14日
    浏览(56)
  • 微信小程序嵌套的H5使用小程序分享(分享微信好友或朋友圈)

    嵌套在微信小程序中的H5想要使用小程序自带分享功能,分享H5的页面给微信好友或朋友圈 H5中可使用wx.miniProgram.postMessage向小程序的webview发送消息,会触发组件的message事件,在小程序webview页面onShareAppMessage,onShareTimeline中进行使用。

    2024年02月13日
    浏览(66)
  • 微信小程序复制链接功能--短链接

    前不久接了一个小程序的需求,要求复制页面短链,链接里面带有参数。 和微信小程序里面的复制链接功能差不多,不过我那个链接里面要带一些参数,所以需要重新生成一个短链接 获取 Short Link 调用服务端API - 生成短链 调用方式有两种: 1、HTTPS 调用 2、云调用 返回的短

    2024年02月11日
    浏览(91)
  • 微信小程序实现分享到朋友圈的功能

    分享朋友圈官方API:分享到朋友圈 1、分享到朋友圈接口设置事项  2、onShareTimeline()注意事项   3、分享朋友圈后,测试发现,没有数据请求。 用户在朋友圈打开分享的小程序页面,并不会真正打开小程序,而是进入一个“小程序单页模式”的页面,“单页模式”有以下特点

    2023年04月15日
    浏览(47)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包