其他分享
首页 > 其他分享> > 微信分享到朋友圈 QQ空间 代码实现

微信分享到朋友圈 QQ空间 代码实现

作者:互联网

微信分享到朋友圈 QQ QQ空间 代码实现:
前提需要,公众号 后台配置域名白名单
下面是 页面相关的Js,可以在要分享的页面添加此 js文件;

var appId = ""; // 必填,公众号的唯一标识
var timestamp = ""; // 必填,生成签名的时间戳
var nonceStr = ""; // 必填,生成签名的随机串
var signature = "";// 必填,签名,见附录1
var lineLink = window.location.href; //分享的网页,地址完整地址如:https://xxx.com/xxx/xxx.html
$(function () {
   $.ajax({
       url: '/index/index/getWXParam',
       type: "POST",
       data: {
           url: lineLink
       },
       success: function (res) {
           var r = eval(res);
           appId = r.appId;
           timestamp = r.timestamp;
           nonceStr = r.nonceStr;
           signature = r.signature;
           wx_fx();
       }
   });
})
function wx_fx() {
   wx.config({
       debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
       appId: appId, // 必填,公众号的唯一标识
       timestamp: timestamp, // 必填,生成签名的时间戳
       nonceStr: nonceStr, // 必填,生成签名的随机串
       signature: signature,// 必填,签名,见附录1
       jsApiList: [
       // 所有要调用的 API 都要加到这个列表中
           'onMenuShareTimeline', //分享给好友
           'onMenuShareAppMessage',	//分享到朋友圈
           'onMenuShareQQ',
           'onMenuShareQZone'
       ] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
   });
   wx.ready(function () {
       var imgUrl = "https://z3.ax1x.com/2021/09/03/h6s49s.png";//缩略图
       var descContent = "修改为分享内容的简介";
       var shareTitle = "修改为分享的标题";

       //分享到朋友圈
       wx.onMenuShareTimeline({
           title: shareTitle,
           link: lineLink,
           imgUrl: imgUrl,
           success: function (res) {
               alert("分享成功!")
           },
           cancel: function (res) {
               alert("取消分享!")
           },
           fail: function (res) {
               alert("分享失败!");
           }

       });

       //分享给朋友
       wx.onMenuShareAppMessage({
           title: shareTitle,
           desc: descContent,
           link: lineLink,
           imgUrl: imgUrl,
           success: function (res) {
               /*shared(shareLink, "friend", shareGid);*/
               /*alert("分享给朋友成功!");*/
           },
           fail: function (res) {
               alert("分享给朋友失败!" + JSON.stringify(res));
           }
       });
       //分享到QQ
       wx.onMenuShareQQ({
           title: shareTitle, // 分享标题
           desc: descContent, // 分享描述
           link: lineLink, // 分享链接
           imgUrl: imgUrl, // 分享图标
           success: function (res) {
               // 用户确认分享后执行的回调函数
           },
           cancel: function () {
               // 用户取消分享后执行的回调函数
           },
           fail: function (res) {
               alert("分享qq失败!" + JSON.stringify(res));
           }
       });

       //分享QQ空间
       wx.onMenuShareQZone({
           title: shareTitle, // 分享标题
           desc: descContent, // 分享描述
           link: lineLink, // 分享链接
           imgUrl: imgUrl, // 分享图标
           success: function () {
               // 用户确认分享后执行的回调函数
           },
           cancel: function () {
               // 用户取消分享后执行的回调函数
           },
           fail: function (res) {
               alert("分享qq空间失败!" + JSON.stringify(res));
           }
       });
   });
}

标签:QQ,function,必填,微信,朋友圈,res,var,分享,imgUrl
来源: https://www.cnblogs.com/lovebing/p/15224185.html