微信公众号(三)分享接口的坑

官方文档

分享接口
使用的是1.4的JSDK \http://res.wx.qq.com/open/js/jweixin-1.4.0.js

首要任务是进行配置在(二)中讲过
接口的填写 jsApiList: [] // 必填,需要使用的JS接口列表
"updateTimelineShareData","updateAppMessageShareData", (1.4.0)
 'onMenuShareAppMessage', 'onMenuShareTimeline',(1.4.0以前的接口这个要加上否则微信分享无效)
js页面
$(function () {
        var siteUrl = window.location.href;
        console.log(siteUrl)
        $.getJSON('xxxxxx?url='+siteUrl,function (res) {
            wx.config(res);
        });
//         分享到朋友圈、QQ空间、朋友、QQ好友
        wx.ready(function () {   //需在用户可能点击分享按钮前就先调用
//             除了朋友圈有效(1.4.0)
            wx.updateAppMessageShareData({
                title: '少时诵诗书所所所', // 分享标题
                desc: '少时诵诗书所所所所', // 分享描述
                link: siteUrl, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: 'http://pic49.nipic.com/file/20140927/18675274_005204700000_2.jpg', // 分享图标
                success: function (res) {
                    alert(JSON.stringify(res))
                },
                fail:function (err) {
                    alert(JSON.stringify(err))
                }
            });
            // 只对朋友圈有效(1.4.0)
            wx.updateTimelineShareData({
                title: 'qun', // 分享标题
                link: siteUrl, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: 'http://pic2.ooopic.com/12/40/58/18bOOOPIC9c.jpg', // 分享图标
                success: function () {
                    // 设置成功
                }
            });
        });
    });

效果图

QQ

微信公众号(三)分享接口的坑_第1张图片
微信公众号(三)分享接口的坑_第2张图片

微信

微信公众号(三)分享接口的坑_第3张图片
微信公众号(三)分享接口的坑_第4张图片

你可能感兴趣的:(微信公众号)