小程序分享到朋友圈灰色不能点击的解决方法

洪七公

小程序原生的分享到朋友圈功能已经全面开放，不仅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.txwb.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.txwb.com/images/wmapp/share.jpg`,
    
20.                         path: "/pages/xxxx/xxx" ,
    
21.                         success: function (res) { },
    
22.                 };
    
23.         },
    

复制代码

成功后的使用效果：