需求:在小程序多个页面中,均存在点击分享操作,需要在分享里加入当前用户信息,实现分享绑定
刚上手小程序的时候是在原有的架子上面新增功能,因为时间较紧,而且需求并不是同时提出的,就直接单独写的方法,但是当新增加的页面越来越多的时候每次的方法虽然大差不差,但是每次都多写一遍也还是麻烦,就抽空整理一下封装个公用的方法
我是直接把方法写在App.js里面的,方便调用,方法中预留了判断当前分享是分享给单人还是分享到群组的判断,因为目前项目暂时没有用到,但是不确定以后会不会需要,所以提前留了注释,示例代码如下:
App.js
share: function (title, path, imageUrl) {
//设置一个默认分享背景图片
let defaultImageUrl = '//upload.jianshu.io/admin_banners/web_images/4613/e96eece16a9e3ae1699dd4bd0002666c571c30f5.jpeg?imageMogr2/auto-orient/strip|imageView2/1/w/1250/h/540';
this.globalData.userInfo && this.globalData.userInfo.IsReferral && (path += "&ReferralUserId=" + this.globalData.userInfo.UserId)
return {
title: title || '加入VIP，能省会赚，最高返40%！',
path: path,
imageUrl: imageUrl || defaultImageUrl,
// success(res) {
// console.log("转发成功！");
// if (!res.shareTickets) {
// //分享到个人
// api.shareFriend().then(() => {
// console.warn("shareFriendSuccess!");
// //执行转发成功以后的回调函数
// callback && callback();
// });
// } else {
// //分享到群
// let st = res.shareTickets[0];
// wx.getShareInfo({
// shareTicket: st,
// success(res) {
// let iv = res.iv
// let encryptedData = res.encryptedData;
// api.groupShare(encryptedData, iv).then(() => {
// console.warn("groupShareSuccess!");
// //执行转发成功以后的回调函数
// callback && callback();
// });
// }
// });
// }
// },
// fail: function(res) {
// console.log("转发失败！");
// }
};
},
调用方法(ps:只有path是必传项,其他两项可以在app.js中设置默认值,因为较多地方可能使用的同样的title或者同样的默认分享图)
var title = tm.data.mainTitle;
var imageUrl = tm.data.brandRushInfo[0].goodsImages[0];
var brandId = tm.data.brandRushInfo[0].brandId;
var brandSource = tm.data.brandRushInfo[0].brandSource;
var lower = (tm.data.brandRushInfo[0].lowerDiscount / 10).toFixed(1)
var path = '/pages/brandInfo/brandInfo?brandId=' + brandId + "&brandSource=" + brandSource
title = '【品牌特卖】' + title + ' ' + lower + '折起'
app.share(title, path, imageUrl)
谨以此文献给正在开发岗位上奋斗爬坑的有志青年! 共勉
