前端开发-微信小程序公共方法封装之全局分享实现拉新绑定(用户关系绑定)

微信小程序公共方法封装之全局分享实现拉新绑定(用户关系绑定)

需求:在小程序多个页面中,均存在点击分享操作,需要在分享里加入当前用户信息,实现分享绑定

刚上手小程序的时候是在原有的架子上面新增功能,因为时间较紧,而且需求并不是同时提出的,就直接单独写的方法,但是当新增加的页面越来越多的时候每次的方法虽然大差不差,但是每次都多写一遍也还是麻烦,就抽空整理一下封装个公用的方法,我是直接把方法写在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)

谨以此文献给正在开发岗位上奋斗爬坑的有志青年! 共勉

  • 3
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值