微信浏览器分享

首先说得配合后台去配置如下红框的数据，黄框是可以分享到哪里：

引入资源： <script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

var obj=new Object();
$.ajax({
    url : iUrl+"share",
    data : {
        'url' : location.href.split('#')[0]
    },
    type : "post",
    success : function( data ) {
        //alert("微信分享次数加1");
        //console.log( data );
        var appid = data.appid;
        var timestamp = data.timestamp;
        var nonceStr = data.nonceStr;
        var signature = data.signature;
        var prefix = data.prefix;
        var url = data.url;
        //var mobile = data.mobile;
        obj['appid'] = appid;
        obj['timestamp'] = timestamp;
        obj['nonceStr'] = nonceStr;
        obj['signature'] = signature;
        obj['prefix'] = prefix;
        //obj['mobile'] = mobile;
        var wx_link = iUrl+'promotion.html';
        var channelId = getURLQueryString("k");
        if( null != channelId ){
            wx_link = iUrl+'promotion.html?k='+channelId;
        }
        //<!-- 微信分享 -->
        wx.config({
            debug : false,
            appId : obj['appid'],//'${appid}',
            timestamp : obj['timestamp'],//'${timestamp}',
            nonceStr : obj['nonceStr'],//'${nonceStr}',
            signature : obj['signature'],//'${signature}',
            jsApiList : [ 'onMenuShareTimeline','onMenuShareAppMessage','onMenuShareQQ','onMenuShareQZone' ]
        });
        
        wx.ready(function() {
            var sdata = {
                title : '分享出去的标题title',
                desc : '描述。。。我是描述，这是个好网站 你懂得',
                link : 'http://baidu.com',//分享出去的链接imgUrl : '......./images/activity_weixin01.png',
                success : function() {
                    alert("微信分享成功");//分享成功，可以做一些其他操作   
                },
                cancel : function() {
                    alert("分享失败"); 
                }
            };
            wx.onMenuShareTimeline(sdata);
            wx.onMenuShareAppMessage(sdata);
            wx.onMenuShareQQ(sdata);
            wx.onMenuShareQZone(sdata);
            
        });
    }
});

上面这些需要有微信公众号获取自己的一些信息（后台需要绑定的）

这样微信浏览器分享出去的就是自定义的一些信息了，但是在qq等其他一般浏览器里，分享出去的链接，想要自己定义信息还需要做一些其他的操作：

在title标签定义标题，meta标签定义描述：

<title>追求超神的飘逸，一键享受自如的人生</title>

body标签第一级下定义分享出去的图片：

posted @ 2016-12-15 11:36 觉信阅读(682) 评论(0) 编辑收藏举报

觉信

微信浏览器分享

公告