zoukankan      html  css  js  c++  java
  • 微信分享到朋友圈 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));
               }
           });
       });
    }
    
    耶和华是我的牧者,我必不至缺乏。
  • 相关阅读:
    tableView的高度问题
    信任机型
    cell 内部 设置width 总不对
    图文混排
    UICollectionview实现自定义cell的移动删除
    ios 各种技术
    打包ane之后在FB上生成ipa的阶段错误
    自动布局出代码植入 的图像化实例
    MapReduce编程实例
    二叉树的遍历(递归遍历、非递归遍历、层序遍历)
  • 原文地址:https://www.cnblogs.com/lovebing/p/15224185.html
Copyright © 2011-2022 走看看