源码论坛,商业源码下载,尽在锦尚中国商业源码论坛

标题: 小程序分享到朋友圈灰色不能点击解决方法，分享朋友圈源码 [打印本页]
作者: 洪七公    时间: 2023-3-23 13:59
标题: 小程序分享到朋友圈灰色不能点击解决方法，分享朋友圈源码
最新消息，小程序原生的分享到朋友圈功能已经全面开放，不仅Android微信版支持，现在iOS下的iPhone也是完美支持分享到朋友圈功能了。

如果你刚开发这个功能，碰到了分享到朋友圈是灰色的不可点击的，如下图：



出现分享朋友圈按钮灰色不可点击一般是以下原因：

1、要有onShareAppMessage，并return

必须要有这个回调，如果就灰色

2、不是web-view页面。

目前web-view的小程序页面都不支持分享到朋友圈

3、onLoad里写上如下代码，点亮分享到朋友圈：
  1. wx.showShareMenu({
  2.       withShareTicket: true,
  3.       menus: ['shareAppMessage', 'shareTimeline']
  4.     });   
复制代码

这个代码很重要，功能就是开启页面的分享到朋友圈功能。

同时有个注意点，开通分享到朋友圈的页面，必须要同时开启页面转发功能。

所以最后完整的代码应该类似下面：
  1.         onLoad: function (options) {
  2.                 wx.showShareMenu({
  3.                         withShareTicket: true,
  4.                         menus: ["shareAppMessage", "shareTimeline"],
  5.                 });
  6.         },
  7.         onShareTimeline: function (res) {
  8.                 var that = this;
  9.                 return {
  10.                         title: `天下网吧-网吧天下`,
  11.                         imageUrl: `https://bbs.52jscn.com/images/wmapp/share.jpg`,
  12.                         query: "",
  13.                         success: function (res) { },
  14.                 };
  15.         },
  16.         onShareAppMessage: function (res) {
  17.                 return {
  18.                         title: `天下网吧，网吧天下`,
  19.                         imageUrl: `https://bbs.52jscn.com/images/wmapp/share.jpg`,
  20.                         path: "/pages/xxxx/xxx" ,
  21.                         success: function (res) { },
  22.                 };
  23.         },
复制代码

成功后的使用效果：









欢迎光临 源码论坛,商业源码下载,尽在锦尚中国商业源码论坛 (https://bbs.52jscn.com/) Powered by Discuz! X3.3