微信小程序全局分享功能 wx.showShareMenu

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

本次分享关于微信的ShowShareMenu分享功能。

(我在开发一个小程序的时候,忽略了分享功能,上线用户反馈不能分享朋友圈或者好友,等复制链接问题。以下解决问题。)
在小程序的app.js页面里,写次方法,则点击右上角三个“···”会有对应的分享菜单,如果不写,其实就相当于禁用的该页面的分享。下面就来说说如何配置:

wx.showsharemenu,微信小程序,微信小程序,小程序

实现如下页面

wx.showsharemenu,微信小程序,微信小程序,小程序文章来源地址https://www.toymoban.com/news/detail-754707.html

代码实现
  onLaunch: function () {
//开启分享功能
      this.overShare()
      }// 小程序开启页面分享功能
  /**
   * 开启朋友圈分享功能
   *  监听路由切换/自动执行
   */
  overShare() {
    wx.onAppRoute((res) => {
      // console.log('route', res)
      let pages = getCurrentPages()
      let view = pages[pages.length - 1]
      if(view) {
        wx.showShareMenu({
          menus: ['shareAppMessage', 'shareTimeline'],
          success(res) {},
          fail(e) {}
        })
      }
    })
  },
 

到了这里,关于微信小程序全局分享功能 wx.showShareMenu的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • 微信小程序统一分享,全局接管页面分享消息的一些技巧

    前言 最近都在折腾自己的个人内容聚合小程序。除了作为原创专栏,视频教程的聚合。我有什么新的想法,产品创意,最终落地的东西都会放到这个小程序里。 而分享功能非常的重要,当某一个功能或文章打动用户的时候,能把这个小程序分享出去,就能带来裂变传播的效

    2024年02月15日
    浏览(42)
  • 【微信小程序】使用 wx.scanCode方法实现扫描二维码的功能

    在微信小程序中,你可以使用 wx.scanCode 方法实现扫描二维码的功能。以下是一个简单的示例代码: 在上述代码中,我们使用 wx.scanCode 方法来调用扫描二维码的功能。当扫描成功时, success 回调函数将会被调用,而当扫描失败时, fail 回调函数将会被调用。通过 res.result 可以

    2024年02月15日
    浏览(35)
  • 微信小程序全局分享转发实现-无需页面单独设置

    微信小程序没有自带全局分享设置,页面开启分享功能必须要在页面中定义分享事件函数onShareAppMessage(分享给朋友)和onShareTimeline(分享至朋友圈)。如果项目中页面比较多,一个个去设置无疑是非常麻烦的,因此全局设置就非常有必要了。 此时我们将代码放在app.js中,注

    2024年02月16日
    浏览(39)
  • asp微信小程序上传多张照片功能,wx.chooseMedia和wx.uploadFile配合实现多张图片上传

    由于项目需要使用asp,因此用asp写了一个接收微信小程序上传多张照片的功能,例用的是wx.chooseMedia和wx.uploadFile配合,循环上传多张照片,微信小程序现在好像最多可以上传20张,闲话不好上代码,需要的可以直接下载,前后台都有,本文只放前端代码: 本文实现微信小程序

    2024年02月11日
    浏览(43)
  • uniapp-vue3微信小程序实现全局分享

    onShareAppMessage(Object object) 监听用户点击页面内转发按钮(button 组件 open-type=\\\"share\\\" )或右上角菜单“转发”按钮的行为,并自定义转发内容。 注意:只有定义了此事件处理函数,右上角菜单才会显示“转发”按钮 参数 Object object : 参数 类型 说明 最低版本 from String 转发事件来

    2024年02月07日
    浏览(38)
  • uni-app 微信小程序全局配置分享好友、朋友圈...

    使用uni-app在实际项目中开发微信小程序,经常会遇到给项目添加分享给微信好友、朋友圈...功能,一般来说要将某个页面分享出去,就要在当前页面添加:  且onShareAppMessage()与onShareTimeline() 与methods同级!!! 官方网址:uniapp.dcloud.io/api/plugins… 这样做虽然实现了分享功能,

    2024年02月11日
    浏览(52)
  • uniapp实现微信小程序全局【发送给朋友】、【分享到朋友圈】、【复制链接】

    一、在开发微信小程序的时候,发现【发送给朋友】、【分享到朋友圈】、【复制链接】功能,灰色不可用。 很常见的功能,但是这几个功能,并不是你项目建起来了就有的。 1.【发送给朋友】使用 onShareAppMessage 这个方法 如果你的小程序,发现他的【转发给朋友】的按钮时

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

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

    2024年02月16日
    浏览(37)
  • 微信小程序的转发分享功能

    微信小程序的转发分享功能,有两种实现方式: button组件 open-type=\\\"share\\\" ,点击按钮后,会触发 Page.onShareAppMessage 事件。 页面右上角菜单“转发”按钮,点击按钮后,也会触发 Page.onShareAppMessage 事件。 代码涉及的文件有: app.json pages/about/about.wxml pages/about/about.wxss pages/about/

    2024年02月09日
    浏览(26)
  • UNIAPP 微信小程序实现分享功能

    默认情况下点击微信小程序调试器无法实现分享功能,如下图  此时需要设置如下操作,个人默认习惯是在 utils文件下 创建 share.js 文件 并写入代码 内容如下 然后打开main.js 修改如下 设置完成后再点击右上角的分享就打开了 回到组件内 如果需要通过按钮实现分享功能  参考

    2024年02月04日
    浏览(45)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包