小程序分享和分享朋友圈

前端小白呢

已于 2022-11-16 10:14:36 修改

阅读量428

点赞数 1

文章标签：小程序微信小程序

于 2022-11-16 10:13:51 首次发布

本文链接：https://blog.csdn.net/weixin_52456610/article/details/127879149

版权

在页面配置以下方法即可触发微信小程序分享功能


onShareAppMessage(res) { //发送给朋友
        return {
        	title: '分享标题',
        	imageUrl: '分享图片',
            path：'分享页面路径',
        }
    },
    onShareTimeline(res) {//分享到朋友圈
        return {
        	title: '分享标题',
        	imageUrl: '分享图片',
            path：'分享页面路径',
        }
    },

值得注意的是页面参数的传递，分享给朋友页面参数是可以直接拼接的

onShareAppMessage(res) { //发送给朋友
   return {
				title: '分享给朋友',
				imageUrl: '封面图片路径',
				path: `/pages-fission/MerchantsFission/index?exhibitionId=${this.shareData.exhibitionId}&customerFissionPid=${this.shareData.customerFissionPid}&shareId=${this.shareData.shareId}&avatar=${this.shareData.avatar}&nickname=${this.shareData.nickname}`
		}
},

但是分享到朋友圈，参数要这样传递（路径参数要以 query形式传递）不然会出现丢失，本人实际遇到的坑

onShareTimeline(res) {
    return {
						title: '分享标题',
						imageUrl: '封面图片路径',
						path: '/pages-fission/MerchantsFission/index',
						query: `exhibitionId=${this.shareData.exhibitionId}&customerFissionPid=${this.shareData.customerFissionPid}&shareId=${this.shareData.shareId}&shareType=${'pyq'}&avatar=${this.shareData.avatar}&nickname=${this.shareData.nickname}`,
					}
}