微信小程序和uni-app实现分享功能方法

实现微信小程序的分享和转发功能主要有以下两种方法：

1.  小程序右上角菜单自带的分享功能（包括发送给朋友和分享到朋友圈）

2.  自定义分享按钮: open-type="share"

1.  小程序右上角菜单自带的分享功能

这个功能默认是关闭的，需要开启，如果想要在当前页面中使用分享功能，那就就在当前页面的js文件中配置即可，如果想要在全局使用分享功能，则需要在app.js文件中进行配置。具体配置如下：

//用户点击右上角分享给好友，要现在分享到好友这个设置menu的两个参数，才可以实现分享到朋友圈
  onShareAppMessage:function(){
    wx.showShareMenu({
      withShareTicket:true,
      menu:['shareAppMessage','shareTimeline']
    })
  },
  //用户点击右上角分享朋友圈
  onShareTimeline:function(){
    return {
      title:'',
      query:{
        key:value
      },
      imageUrl:''
    }
  }

注意：如果你想要同时有‘发送到朋友’和‘分享到朋友圈‘功能，一定要加上 menu:[‘shareAppMessage’,‘shareTimeline’]。

可以在 onShareAppMessage 和 onShareTimeline 方法中添加具体需要的操作和数据。

2.  自定义分享按钮

一定要要把open-type设置成open-type=“share”，这样就可以直接点击分享按钮进行分享操作了。

<button open-type="share">分享</button>

3. uni-app 处理方法类似，有几个要点：

• 分享和转发内部不得有嵌套方法返回，也就是不可异步，否则在执行的时候，只会执行当前页面，自定义标题等都不会生效
• 转发代码块的存放级别与生命周期同级，分享代码块需要放进方法中(methods),不然不会生效
• 分享的参数携带，开头不需要携带 ? 连接