微信小程序--分享功能

南楼画角 提交于 2019-12-30 02:22:56

微信小程序--分享功能

微信小程序前段时间开放了小程序右上角的分享功能,

可以分享任意一个页面到好友或者群聊

但是不能分享到朋友圈

这里有微信开发文档链接:点击跳转到微信分享功能API

入口方法:

一,小程序右上角自带的分享功能(...):

以下代码实例写在export default { };里面

  //右上角分享功能
  onShareAppMessage: function(res) {
    var that = this;
    return {
      title: that.article.title,
      path: 'pages/text/main?id='+that.$mp.query.id,
      success: function(res) {},
      fail: function(res) {}
    };
  }

title: 为转发的标题

path: 为转发的路径(这个路径是对方如果点击你分享的内容跳转回小程序时,在小程序中显示的页面的路径,很明显后面传递的参数是此页面打开时所需要的参数【如果需要参数的话,当然也可以不传】)

二,自定义分享按钮:<button open-type='share'>分享</button>

 

分享---数据类型

 

不管采用以上何种方法,转发给好友的数据总归有它的数据模型,该数据模型是通过onShareAppMessage(options)返回的,也就是return一个object即可。其中,options.from可以用来判断是从自定义button打开的转发页面,还是从右上角的打开的转发页面
 
以下是该object的数据模型:
 
如上所示,如果开发人员在onShareAppMessage(options)不进行任何处理,那么微信将会有一个默认的数据转发出去,title为当前小程序名称,path为当前页面的路径,imageUrl为当前页面的截图。根据imageUrl的定义,开发人员可以上传自定义图片,那么这个口子给了运营人员一定的发挥空间
 
以上就是两种实现分享的方式
 
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!