记一次活动分享,用JSSDK.php,显示指定图片和文本

最新推荐文章于 2025-08-18 09:58:29 发布

原创最新推荐文章于 2025-08-18 09:58:29 发布 · 263 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#PHP #微信 #JSSDK.php #分享

PHP_微信专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了如何在后端配置JSSDK并验证签名，以及在前端使用JS-SDK实现微信分享功能的过程。包括了常见错误排查，如缺少'}

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在后端配置好JSSDK.php后,检查验签是否正确

注意:验签信息是否完整和一致

<?php
        $jssdk = new JSSDK();
		$signPackage = $jssdk->GetSignPackage();
		$this->assign('signPackage',$signPackage);

?>

然后在前端的的js中调用

<script type="text/javascript">
wx.config({
    debug: false, // 调试模式
    appId: '{$signPackage["appId"]}', // 必填，公众号的唯一标识
    timestamp: {$signPackage["timestamp"]}, // 必填，生成签名的时间戳
    nonceStr: '{$signPackage["nonceStr"]}', // 必填，生成签名的随机串
    signature: '{$signPackage["signature"]}',// 必填，签名
    jsApiList : [  
        // 所有要调用的 API 都要加到这个列表中  
        'onMenuShareTimeline',       // 分享到朋友圈接口  
        'onMenuShareAppMessage',  //  分享到朋友接口  
    ]  
});

wx.ready(function(){
   // 微信分享的数据  
    var shareData = {  
        "imgUrl" : 'http://域名/weixinapp/public/static/img/sharelogo.jpg',// 分享显示的缩略图地址
        "link" : 'http://域名/weixinapp/public/.....',    // 分享地址
        "desc" : 'ssssss',// 分享描述
        "title" : 'ssssss',   // 分享标题
        success : function () {
               // 分享成功可以做相应的数据处理
              //alert("分享成功"); }   
           }};
       wx.onMenuShareTimeline (shareData);   
       wx.onMenuShareAppMessage (shareData);
});

wx.error(function(res){ 
    alert("好像出错了！！");
});  

</script>

最开始的时候,在微信中进行分享没有出现指定的图片和文字描述和标题

原因:1.js的少了'}',即书写没有规范;

2.分享地址和分享图片的地址的域名要一致.