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));
               }
           });
       });
    }
    
    耶和华是我的牧者,我必不至缺乏。
  • 相关阅读:
    mybatis 梳理9--别名
    mybatis 梳理8--多个参数 @Param
    mybatis 梳理7--map的使用 (很好用)
    mybatis 梳理6--模糊查询
    mybatis 梳理5-- 增删改查 基于注解 (少)
    mybatis 梳理4--增删改查 基于配置文件(多)
    mybatis 梳理3--搭建环境 小栗子 结合 梳理10 复习
    mybatis 梳理2--代理设计模式 静态代理、动态代理(Proxy) (懵)
    mybatis 梳理1--文档官网、简介、持久化、持久层、持久层框架
    梳理5--核心配置文件pom 基础配置、构建配置、插件(记得!)、区别dependencies 和 dependencyManagement
  • 原文地址:https://www.cnblogs.com/lovebing/p/15224185.html
Copyright © 2011-2022 走看看