h5公众分享,小程序分享

  • mixins/share 是处理分享业务的文件
  • 该文件为全局注入,每个页面均可分享和自定义分享,包括小程序端(不包含app)

默认分享

  • 根据当前的路由配置 shareType 判断分享的页面,current 为 分享当前页面
  • 小程序分享,跟分享朋友圈 是生命周期onShareAppMessage,onShareTimeline,return 返回对应参数
  • 分享参数可通过 vuex => getters => shareParams 获得
  • 具体分享参数如下(真正传给微信分享的api参数只有title,link,imgurl,desc),其他参数业务需要
参数名称 默认 说明
title (商城标题) 分享标题;shareType为current时,标题为当前页面的标题;
其他情况为 后台设置 的商城标题;
修改了分享参数则是分享参数的title
desc 我刚刚发现了一个很不错的商城,赶快来看看吧。 分享描述;修改了分享参数则是分享参数的desc(只有公众端才有显示)
imgUrl 分享图片;修改了分享参数则是分享参数的imgUrl
link 分享链接;修改了分享参数则是分享参数的link(该参数h5端会携带上当前域名),后面会根据业务分享逻辑携带上相关分享参数,如extend_code等
pagePath 该参数为小程序分享的path路径,前面不带'/'。如:'pages/goods/list'
scene 该参数为分享时的链接上所需要的参数,为对象形式,如:{a:1,b:2}
query 该参数为分享时的链接上所需要的参数,为字符串形式,如:a=1&b=2

自定义分享

  • 通过在页面上调用 setWxShare 方法,传入需要修改的参数即可
  • 如:this.setWxShare({title:'修改分享标题'}),只修改了分享标题
  • this.setWxShare({query:{a:1}}),传入query,分享时会在链接上拼接上query的参数