1.使用官方推荐方式,button自带 open-type="share"
<button open-type="share" :data-title="分享啦..." :data-image="url" :data-path="path"></button>
2.实现onShareAppMessage
onShareAppMessage(res) {
return {
title: res.target.dataset.title, 分享标题
path: '这里是分享后点击跳转的路径,必须与pages.json中的路径保持一致'
imageUrl: res.target.dataset.image 这个参数书分享的封面
}
}
- 注意,抖音小程序的分享功能必选在正式上线后可用,否则有可能出现问题
4.分享图片设置
配置抖音分享封面是应注意图片上文字限制,今天开发就出现这种问题,分享出出去的封面一直和原图对应不上,后来发现试图片上的文字有限性,直接找美工把图片上的文字换了一下,结果分享就正常了