微信分享前端流程

1。引入jssdk,
2.
wx.config() 其中要传入一大堆东西,不过都可以从后端获取到
3. wx.ready() 在config之后执行 然后里边就可以写要分享的配置

示例:

weix(data){

    wx.config({
        debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
        appId: data.appid, // 必填,公众号的唯一标识
        timestamp: data.timestamp , // 必填,生成签名的时间戳
        nonceStr: data.noncestr, // 必填,生成签名的随机串
        signature: data.signature,// 必填,签名
        jsApiList: ['onMenuShareAppMessage','onMenuShareTimeline','onMenuShareQQ','onMenuShareQZone','updateTimelineShareData'] // 必填,需要使用的JS接口列表
    })

    wx.ready(function(){
        alert('成功')
        wx.onMenuShareTimeline({  //分享到朋友圈
            title: '上官强',  
            link: 'http://xu.jieruiedu.com/',  
            imgUrl: 'https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=1186611587,3959621548&fm=173&app=25&f=JPEG?w=640&h=394&s=BF817B235A4474CC9D9904C90300B0A2',  
            desc:"hahahahahahhahahahahaha",
            success: function () {
                 
               shareLog();  
              alert('分享成功')

            },
            cancel: function () { 
              alert('取消分享')
                  
            }
        });

        wx.onMenuShareAppMessage({
            title: '上官强', // 分享标题
            desc: '杰睿教育活动分享链接', // 分享描述
            link: 'http://xu.jieruiedu.com/', // 分享链接
            imgUrl: 'https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=1186611587,3959621548&fm=173&app=25&f=JPEG?w=640&h=394&s=BF817B235A4474CC9D9904C90300B0A2', // 分享图标
            
            success: function () { 
                // 用户确认分享后执行的回调函数
                alert('分享成功')
            },
            cancel: function () { 
                // 用户取消分享后执行的回调函数
                alert('取消分享')

            }
        });
         
    });

    wx.error(function(res){
        console.log(res)
    });
}

猜你喜欢

转载自blog.csdn.net/weixin_41266672/article/details/83142899