微信浏览器分享

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

引入资源:  <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>

<meta name="description" content="零抵押,额度高,到账快,实时解救你的钱包压力">

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

<img src="images/shareLogo.pngalt="" style="height: 0; 0;overflow: hidden;position: absolute;"/>

 
   
原文地址:https://www.cnblogs.com/juexin/p/6182612.html