微信内的网页分享:

API内容详见微信开发文档  https://mp.weixin.qq.com/wiki

这里需要注意的是:调用微信API的时候修改的是微信内网页右上角三个点那里打开后,选择分享之后弹出的窗口的内容,并非调用api后就直接调出来选择分享目标的页面

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
var wxShareConfig = {
            imgUrl:"分享的图片url",
            title: "分享标题",
            link:shareUrl,
            desc:"分享描述"
        }
        // 发送请求获取到微信js-sdk相关配置之后,触发分享到微信,QQ等
        // 【需要在公众号聊天对话框中打开url,并且url的域名需要在公众号后台配置成功(微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”)】
        function initWeixinShare(){
            $.ajax({
                url:"${contextPath}/WechatShare"//后台请求,取到微信配置需要的参数
                type:'GET',
                async:false,
                dataType: "json",
                data: {'url': encodeURI(encodeURI(location.href.split('#')[0]))},
                success:function(data){
                    wx.config({
                        debug: true// 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
                        appId: data.appid, // 必填,公众号的唯一标识
                        timestamp: data.timestamp, // 必填,生成签名的时间戳
                        nonceStr: data.noncestr, // 必填,生成签名的随机串
                        signature: data.signature,// 必填,签名,见附录1
                        jsApiList: ['onMenuShareAppMessage','onMenuShareTimeline','onMenuShareQQ','onMenuShareQZone'] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
                    });
                    wx.ready(function(){
                        wx.onMenuShareTimeline(wxShareConfig);  //分享到朋友圈
                        wx.onMenuShareAppMessage(wxShareConfig); //分享到微信朋友
                        wx.onMenuShareQQ(wxShareConfig); //分享到QQ
                        wx.onMenuShareQZone(wxShareConfig); //分享到QQ空间
                    });
                     
                }
            });
        }  

QQ内置网页中的分享功能:

只要js引入然后设置一下这个值就可以了

QQ分享文档地址:http://open.mobile.qq.com/api/component/share

1
2
3
4
5
6
setShareInfo({
                        title  : wxShareConfig.title,
                        summary: wxShareConfig.desc,
                        pic    : wxShareConfig.imgUrl,
                        url    : wxShareConfig.link
                    });

  

 

特别提醒:

1.微信分享以及相关的页面api功能调用,必须要先在公众号后台配置安全域名,具体位置参考微信开发文档

2.微信分享api仅仅是设置 点击右上角三个点之后选择分享到QQ,朋友圈…… 之后,弹出的弹窗中的值,而并非直接弹出选择分享目标的页面

3.QQ分享,微信分享 千万 千万 千万不要忘记导入 他们的 JS文件!!!

努力加载评论中...
点击右上角即可分享
微信分享提示