zoukankan      html  css  js  c++  java
  • 微信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, 搞定
  • 相关阅读:
    将js进行到底:node学习1
    mui开发app前言(一)
    用kotlin方式打开《第一行代码:Android》之开发酷欧天气(最终版)
    用kotlin方式打开《第一行代码:Android》之开发酷欧天气(2)
    用kotlin方式打开《第一行代码:Android》之开发酷欧天气(1)
    062、如何使用flannel host-gw backend(2019-04-02 周二)
    061、flannel的连通与隔离(2019-04-01 周一)
    060、在docker中使用flannel(2019-03-29 周五)
    059、安装配置flannel(2019-03-28 周四)
    058、flannel概述(2019-03-27 周三)
  • 原文地址:https://www.cnblogs.com/xuedong/p/6007110.html
Copyright © 2011-2022 走看看