小程序分享朋友圈功能（微信小程序实现分享至朋友圈的功能）

微信小程序实现分享至朋友圈的功能

微信小程序从基础库 2.11.3 开始 
  
  
  
  
  
  
，可将小程序页面分享到朋友圈 
  
  
  
  
  
  
。适用于内容型页面的分享 
  
  
  
  
  
  
 ，不适用于有较多交互的页面分享 
  
  
  
  
  
  
 。

1 设置分享状态

小程序页面默认不可被分享到朋友圈

 


 


 


 


 


 


 ，开发者需主动设置“分享到朋友圈              ”

 


 


 


 


 


 


 。页面允许被分享到朋友圈 
 
 
 
 
 
 
，需满足两个条件：

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

满足条件 1 后
 

 

 

 

 

 

 ，页面需设置允许“分享到朋友圈













”
 

 

 

 

 

 

 
，同时可自定义标题 
  
  
  
  
  
  
、分享图等 
   
   
   
   
   
   
 。具体参考 Page.onShareTimeline 接口文档

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

2 代码实现

1.先设置页面允许“发送给朋友  
  
  
  
  
  
  ”

在我们要分享的页面js中 

 
 

 
 

 
 

 
 

 
 

 
 

 ，增加以下方法













，默认生成的页面自带此方法
 

 

 

 

 

 

 
。只需要配置标题 
  
  
  
  
  
  
 、路径等参数即可             。下面的这个例子是我“国庆专属头像 
  
  
  
  
  
  
 ”的分享设置 

 
 

 
 

 
 

 
 

 
 

 
 

 。

onShareAppMessage: function () {

return {

title: “标题文字


 


 


 


 


 


 


”,

imageUrl: “.图片地址 
 
 
 
 
 
 ”

};

},

2.设置允许分享到朋友圈

还是要分享的页面js中                    ，增加以下方法 
 
 
 
 
 
 
 
 
 
 
 
 
 ，

onShareTimeline: function () {

return {

title: ‘标题文字’,

imageUrl: ‘.图片地址’

}

},

配置完以上代码




















，发布后即可体验分享至朋友圈功能













。