• 微信浏览器分享


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

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

     
       
  • 相关阅读:
    Ionic在Generating ES5 bundles for differential loadind的时候报错
    将整个网站变为黑白 CSS3 filter grayscale
    ionic4 sqlite 的 executeSql 方法第二个参数不传会报错
    ionic4 执行ionic cordova run android 时报错Could not find plugin "proposal-numeric-separator". Ensure there is an entry in ./available-plugins.js for it.
    ion-picker组件示例(ionic4),这个组件有样式错乱的问题
    Linux下常用命令
    搜索引擎使用技巧
    Flex布局介绍
    0浏览器内幕探寻--源头
    Geolocation API
  • 原文地址:https://www.cnblogs.com/juexin/p/6182612.html
Copyright © 2020-2023  润新知