微信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, 搞定

转载于:https://www.cnblogs.com/xuedong/p/6007110.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值