微信小程序-分享到朋友圈功能

时间：2024-03-03 08:34:04

之前为了把小程序分享到朋友圈很费劲，通常做法是用canvas绘制一张带小程序码的图，让用户先下载下来在手动分享到朋友圈，这样确实很费劲。现在小程序开放了beta版版本分享到朋友圈功能，体验了下不得不说比上面那种做法方便得多了。那么如何实现，请按照下面的步骤进行：

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

onShareAppMessage: function () {
    return {
      title:\'发送给好友\',
      desc: \'描述描述\',
      path: \'page/plug/plug\'
    }
  },

2.页面需设置允许“分享到朋友圈”，同时可自定义标题、分享图等

onShareTimeline(){
    return {
      title: \'分享朋友圈功能测试\',
      query: \'a=1&b=2\',
      imageUrl: \'../../images/qr.jpg\'
    }
  },

这两步设置后，用真机测试结果：

       

　　

 

　　　

 

 

 此功能注意点：　

　　1.从基础库 2.11.3 开始支持，此功能为beta版，暂仅在Android平台支持


　　2.适用于内容型页面的分享，不适用于有较多交互的页面分享


　　3.用户在朋友圈打开分享的小程序页面，并不会真正打开小程序，而是进入一个“小程序单页模式”的页面
　　　a.“单页模式”下，页面顶部固定有导航栏，标题显示为分享时的标题。底部固定有操作栏，点击操作栏的“前往小程序”可打开小程序的当前页面。顶部导航栏与底部操作栏均不支持自定义样式。
　　　

　　　b.“单页模式”默认运行的是小程序页面内容，但由于页面固定有顶部导航栏与底部操作栏，很可能会影响小程序页面的布局。因此，请开发者特别注意适配“单页模式”的页面交互，以实现流畅完整的交互体验。
　　　　1.通过判断场景值等于 1154 的方法来进行页面适配
　　　　2.页模式下，可设置顶部导航栏与页面的相交状态，具体参考 navigationBarFit 配置。
　　　　3.在单页模式下，wx.getSystemInfo 接口返回的 safeArea 为整个屏幕空间
　　   

　　   c.单页模式”下，一些组件或接口存在一定限制
　　　　1.不允许跳转到其它页面，包括任何跳小程序页面、跳其它小程序、跳微信原生页面
　　　　2.不允许横屏使用
　　　　3.若页面包含 tabBar，tabBar 不会渲染，包括自定义 tabBar
　　　　4.本地存储与小程序普通模式不共用
　　　　5.页面无登录态，与登录相关的接口，如 wx.login 均不可用；云开发资源需开启未登录访问方可在单页模式下使用，详见未登录模式。

 　　　　　

 

 

 　　　　

　　

　4.不支持在小程序页面内直接发起分享
　5.自定义分享内容时不支持自定义页面路径

　　可根据当前设置的路径参数进行判断在进行跳转

　　if(options[\'tag\'] == \'circle\'){
　　　　wx.switchTab({
　　　　　　url: `/page/usercenter/usercenter`
　　　　})
　　}

　6.存在 web-view 组件的页面不支持发起分享
　7.支持打开开发版、体验版，无权限人员进入时页面会提示无权限
　8.低版本微信客户端打开时，会进入一个升级提示页面

 

 　此功能限制挺多的而且目前只支持安卓版本，但是对于这种营销性功能还是很受欢迎的,而且开发上的设置很方便。

 

相关文章