微信小程序--点击右上角分享该小程序

最新推荐文章于 2025-06-21 11:55:22 发布

原创最新推荐文章于 2025-06-21 11:55:22 发布 · 7.7k 阅读

5 ·

CC 4.0 BY-SA版权

本文详细介绍了小程序中实现分享功能的两种方法：通过右上角直接分享和点击按钮触发分享。涵盖了onShareAppMessage函数的使用，包括设置分享标题、路径及成功与失败回调函数。

像分享的话，一般分为两种情况

1.右上角直接分享

onShareAppMessage: function(res) {

var that = this;

return {

title: 'xxx小程序',

path: /*该页面的文件路径*/,

success: function(res) {

console.log("转发成功:" + JSON.stringify(res));

that.shareClick();

fail: function(res) {

console.log("转发失败:" + JSON.stringify(res));

}

2.按钮点击分享

js部分：

pages({

data: {
tempFilePaths: '',
motto: '分享给朋友',
userInfo: {},
hasUserInfo: false,
canIUse: wx.canIUse('button.open-type.getUserInfo')
},
//分享按钮函数
onShareAppMessage: function (ops) {
if (ops.from === 'button') {
// 来自页面内转发按钮
console.log(ops.target)
}
return {
title: 'XXX小程序',
path: 'pages/index/index',
success: function (res) {
// 转发成功
console.log("转发成功:" + JSON.stringify(res));
},
fail: function (res) {
// 转发失败
console.log("转发失败:" + JSON.stringify(res));
}
}