微信分享

微信分享H5页面分享链接显示标题、描述和图片

微信JssDK 发布后,把包括西定义在内的众多网页服务接口进行了统一,如果要分享网页给朋友或朋友圈需使用统一网页服务接口

一在公众号管理后台“公众号设置”的功能设置里填写JS接口安全域名,域名需通过ICP备案,没有备案域名可用SAE、BAE等平台

*自定义分享需要通过微信认证(在公众号设置,js接口安全域名处写上域名)

二在需要调用Js接口的页面,引入微信JSSDK的js文件

“http://res.wx.qq.com/open/js/jweixin-1.0.0.js”->此文件在需要分享的页面是必须要调用的

三。ajax跨域请求调用权限

参考:https://www.huceo.com/post/415.html

添加下列代码即可


 //微信分享



        var now_url=window.location.href;
        
        $.ajax({

        url : '微信分享接口',


                type : "get",
                
    dataType : "json",
   
                async : false,
                
                data:{
'accesstoken':'8a3aefa306e30d3a',
'url':now_url //当前网址
                },
            
success : function(data) {  
          wx.config({
        debug: false,
        appId: data.appId,
        timestamp: data.timestamp,
        nonceStr: data.nonceStr ,
        signature: data.signature ,
        jsApiList: [
        'showOptionMenu',
            'onMenuShareTimeline',
            'onMenuShareAppMessage'
        ]
    });
},
                error : function(){
                    console.log('请求错误')


                }       
    }),
        
       
setTimeout(function(){

        wx.ready(function () {
        wx.showOptionMenu();
        //“分享到朋友圈”
        wx.onMenuShareTimeline({
        title:'第五届香港国际音乐节',
        link:now_url,
        imgUrl: 'http://www.zhongyin.net.cn/hkimf/img/aa.jpg',
            success: function () {
           
                console.log("分享成功");
                
            },
            cancel: function () {
           
                console.log("分享失败");
                
            }
        });
        // “分享给朋友”
        wx.onMenuShareAppMessage({
        title:'第五届香港国际音乐节',
        desc: '北京组委会「中音阶梯艺术教育」期待您的参与!', 
        link:now_url,
        imgUrl: 'http://www.zhongyin.net.cn/hkimf/img/aa.jpg',
          type: 'link', // 分享类型,当前是链接link
        success: function () {
            console.log("分享成功")
        },
        cancel: function () {
            console.log("分享失败")
        }
        });
    });
    },500)
        //微信分享end
阅读更多
个人分类: 前端js方面
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭