android 微信分享小程序背景变黑微信小程序分享灰色

转载

lazihuman 2023-08-02 17:39:40

文章标签 android 微信分享小程序背景变黑小程序分享小程序分享到朋友圈分享到朋友圈灰色无法分享 文章分类 Android 移动开发

微信小程序分享给朋友和分享到朋友圈，都需要在小程序编写代码实现。

1.官方文档

2.分享给朋友，即转发

3.分享到朋友圈

4.常见问题

4.1.分享朋友圈灰色

4.2.如何测试分享给朋友

4.3.如何测试分享给朋友圈

1.官方文档

转发官方文档：转发 | 微信开放文档

分享到朋友圈官网文档：分享到朋友圈 | 微信开放文档

官方文档，很重要，一定要看完。细节和坑在文档中都有说明。

2.分享给朋友，即转发

通过onShareAppMessage实现分享，分享有2种方式：

方法1：通过小程序右上角...进行分享

方法2：在页面，新增“分享”按钮，进行分享

通过给 button 组件设置属性 open-type="share"，可以在用户点击按钮后触发 Page.onShareAppMessage 事件，相关组件：button。

前端按钮代码举例：

<button class="bottom-share" data-id='122' open-type="share" type="primary">分享</button>

js中的代码举例：

onShareAppMessage: function (res) {// 分享
    if (res.from === 'button') {
      // 来自页面内转发按钮
      //console.log("转发：" + JSON.stringify(res.target))
    }
    return { 
      title: this.data.goodsInfo.goodsName,
      path: '/pages/order/detail/detail?goodsId=' + this.data.goodsInfo.id ,
      success: function (res) {
        //console.log('/pages/order/detail/detail?goodsId=' + this.data.goodsInfo.id )
        // 转发成功
        //console.log("转发成功:" + JSON.stringify(res));
      },
      fail: function (res) {
        // 转发失败
        //console.log("转发失败:" + JSON.stringify(res));
      }
    }
  },

3.分享到朋友圈

分享朋友圈的代码举例：

/*分享朋友圈 */
   onShareTimeline: function() {
    return {
      title: '***批发商城',
      query: 'goodsId=' +this.data.goodsInfo.id,
      imageUrl: this.data.goodsInfo.mainImg,
    }
  },