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

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

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

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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,774评论 1 45
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,621评论 1 32
  • 因新工作主要负责微信小程序这一块,最近的重心就移到这一块,该博客是对微信小程序整体的整理归纳以及标明一些细节点,初...
    majun00阅读 7,632评论 0 9
  • 1.小程序起步 (1)点击https://mp.weixin.qq.com/wxopen/waregister?a...
    GXW_Lyon阅读 3,590评论 0 0
  • 昨夜,学生作业之重,又至深夜十二时,身体累之,精神倦之。作业之殇非学业,填鸭之行为,循规蹈矩使之。月明星稀伴灯...
    圆又圆店阅读 175评论 0 0

友情链接更多精彩内容