美文网首页
微信分享

微信分享

作者: 指尖轻敲 | 来源:发表于2018-07-09 10:05 被阅读6次

微信公众平台绑定域名

公众号设置 ——> 功能设置 ——> 设置JS接口安全域名 ——> 把自己创建的域名填写进去 ——>需要把指定的文件下载下来压缩后上传到
自己的服务器验证一下 ——> 然后保存域名就可以了

遇到的坑

遇到的问题,微信API的附录里面都有。

这里的坑:

  • 虽然调用了微信分享,但是并不意味着你可以自己定义按钮吊起分享弹窗,而是指可以通过右上角的分享去分享,只是可以自己定义这个分享内容。

  • 自定义的分享链接一定要和当前页面的域名一致,否则自定义失败。

  • 当然,微信分享只适用于微信,在浏览器中请另外处理。

  • 分享出去的页面,在微信中打开会被自动添加from=singlemessage等参数,所以要获取某个参数的话,需要注意。

    朋友圈   from=timeline&isappinstalled=0
    
    微信群   from=groupmessage&isappinstalled=0
    
    好友分享 from=singlemessage&isappinstalled=0
    

示例代码

var ua = navigator.userAgent.toLocaleLowerCase();
//判断是微信打开的
if(ua.match(/Micromessenger/i) == 'micromessenger'){
    $.ajax({
        url: '/api/wx/jssdk/getSign',
        type: 'get',
        success: function(data){
            if(data.code == 1){
                //从服务端获取需要的一些参数
                var data = data.data;
                appId = data.appId;
                timestamp = data.timestamp;
                nonceStr = data.nonceStr;
                signature = data.signature;
                //需要先配置信息
                wx.config({
                    debug: false,
                    appId: appId,
                    timestamp: timestamp, //生成签名的时间戳
                    nonceStr: nonceStr, //生成签名的随机串
                    signature: signature, //签名,通过时间戳、随机串等参数生成的
                    jsApiList: [ //要调用的接口
                        'onMenuShareTimeline',
                        'onMenuShareAppMessage'
                    ]
                });
                //这里写具体的操作
                wx.ready(function(){
                    // 分享给好友
                    wx.onMenuShareAppMessage({
                            title: '加入我们成为代理', //分享的内容标题
                            desc: '注册代理平台', //分享的内容描述
                            link: 'http://' + window.location.host + '/web/html/register.html?recommendCode='+recommendCode, //要分享的链接
                            imgUrl: 'http://s2.static.sd.com/2981bbe7325a499bb519734668be9365.png', //分享内容的logo图
                            type: 'link', //分享的内容的类型,这里分享的是一个链接
                            success: function(){},
                            cancel: function(){}
                    });
                    //分享到朋友圈
                    wx.onMenuShareTimeline({
                            title: '加入我们成为代理',
                            link: 'http://' + window.location.host + '/web/html/register.html?recommendCode='+recommendCode,
                            imgUrl: 'http://s2.static.sd.com/2981bbe7325a499bb519734668be9365.png',
                            success: function(){},
                            cancel: function(){}
                    });
                });
                wx.error(function(res){}); 
            }else{
                alert("加载信息失败");
            }
        },
        error: function(){
            alert('加载信息失败');
        }
    });
}

相关文章

网友评论

      本文标题:微信分享

      本文链接:https://www.haomeiwen.com/subject/wxfajftx.html