Taro 微信小程序 分享/转发给好友

Posted 2023-05-03

参考技术A 点击“分享”按钮，弹出一个弹层，包括转发给好友，转发海报等

把这个分享层，做成了一个公共组件，onShareAppMessage要放在父组件中！！！！

显示/关闭 弹层的方法，也在父组件中，也就是说，在子组件中点击关闭按钮，来触发父组件中的关闭事件！！！！

父组件的onShareAppMessage方法如下：

// 来自页面内转发按钮

onShareAppMessage (res)

let hotel_id,hotel_name=this.state;

  if (res.from ==='button')

this.hideShareModel();

 

return

title: hotel_name,

    path:'/pages/goods/info?id='+hotel_id





另外，转发已经得不到 是否成功的回调。因为微信官方说，存在大量滥用转发功能来诱导用户的行为，所以去掉了转发的回调！！！

两步实现微信小程序分享朋友圈

参考技术A 小程序默认不能分享朋友圈，开发者需主动设置“分享到朋友圈”。页面允许被分享到朋友圈，需满足两个条件：

    首先，页面需设置允许“发送给朋友”。具体参考 Page.onShareAppMessage 接口文档

    满足条件 1 后，页面需设置允许“分享到朋友圈”，同时可自定义标题、分享图等。具体参考 Page.onShareTimeline 接口文档

满足上述两个条件的页面，可被分享到朋友圈。

### 条件1：（在js中添加onShareAppMessage）

onShareAppMessage: function (ops)

    wx.showShareMenu(

      withShareTicket: true,

      menus: ['shareAppMessage', 'shareTimeline']

    )



### 条件2：（在js中添加onShareTimeline）

  onShareTimeline: function ()

    return

      title: '分享的标题',

      query:

        // key: 'value' //要携带的参数

      ,

      imageUrl: ''  //分享图,默认小程序的logo

   

  ,

### 点击小程序右上方三个点分享朋友圈，效果如下：