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的参数