• 微信jssdk-微信分享链接修改标题描述图片


    1先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”  要在微信公众号中添加一个当前分享网页的域名

    2引入JS文件  <script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

    3后台引入

    require_once ('jssdk.php');
    
    $jssdk = new JSSDK("*****appid****", "*****AppSecret******");
    
    $signPackage = $jssdk->GetSignPackage();
    

      

    输出 变量到前端

    <script>
        wx.config({
            debug: false,
            appId: "<{$signPackage.appId}>",
            timestamp: "<{$signPackage.timestamp}>",
            nonceStr: "<{$signPackage.nonceStr}>",
            signature: "<{$signPackage.signature}>",
            jsApiList: [
            // 所有要调用的 API 都要加到这个列表中
                'onMenuShareTimeline','onMenuShareAppMessage','onMenuShareQQ'
            ]
        });
        wx.ready(function () {
            // 在这里调用 API
            var
                title = '标题',  // 分享标题
                link = '链接内容',  // 分享链接
                desc = '分享内容描述',  //分享描述
               imgUrl = '图片url'; // 分享图标
            //朋友圈
    
    wx.onMenuShareTimeline({
        title: '', // 分享标题
        link: '', // 分享链接
        imgUrl: '', // 分享图标
        success: function () { 
            // 用户确认分享后执行的回调函数
        },
        cancel: function () { 
            // 用户取消分享后执行的回调函数
        }
    });
    //发送给好友 
    wx.onMenuShareAppMessage({
        title: '', // 分享标题
        desc: '', // 分享描述
        link: '', // 分享链接
        imgUrl: '', // 分享图标
        type: '', // 分享类型,music、video或link,不填默认为link
        dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
        success: function () { 
            // 用户确认分享后执行的回调函数
        },
        cancel: function () { 
            // 用户取消分享后执行的回调函数
        }
    });
    //分享到QQ
    wx.onMenuShareQQ({
        title: '', // 分享标题
        desc: '', // 分享描述
        link: '', // 分享链接
        imgUrl: '', // 分享图标
        success: function () { 
           // 用户确认分享后执行的回调函数
        },
        cancel: function () { 
           // 用户取消分享后执行的回调函数
        }
    });
    //分享到微博
    wx.onMenuShareWeibo({
        title: '', // 分享标题
        desc: '', // 分享描述
        link: '', // 分享链接
        imgUrl: '', // 分享图标
        success: function () { 
           // 用户确认分享后执行的回调函数
        },
        cancel: function () { 
            // 用户取消分享后执行的回调函数
        }
    });
    }); </script>

    调试完毕后关闭

    debug: false, 搞定
  • 相关阅读:
    软工实践寒假作业(2/2)
    Java 内存溢出分析
    个人作业——软件工程实践总结&个人技术博客
    个人作业——软件测评
    结对第二次作业——某次疫情统计可视化的实现
    结对第一次作业-疫情统计可视化(原型设计)
    软工实践寒假作业(2/2)
    软工实践寒假作业(1/2)
    个人作业——软件工程实践总结&个人技术博客
    配合springboot的快速运维脚本
  • 原文地址:https://www.cnblogs.com/xuedong/p/6007110.html
Copyright © 2020-2023  润新知