微信JSSDK自定义分享缩略图与标题：PHP与JS的设置_原生js分享到微信缩略图怎么写-优快云博客

本文介绍了微信JSSDK自定义分享时如何设置缩略图和标题，强调了配置安全域名的重要性，并详细讲解了PHP生成signature的步骤，包括初始化PHP、引入JS-SDK以及配置JS，特别指出signature生成中应注意的细节。

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

今天绕了好久，关于这个配置，有几个坑注意下：

微信文档说，先配置安全域名，注意域名，不是带http://的！

初始化PHP：

```  
<?php  
require_once "jssdk.php";  
$jssdk = new JSSDK("appId", "秘钥");  
$signPackage = $jssdk->GetSignPackage();  
?>  
```

然后就是，引入JS-SDK

```
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
```

开始配置JS：打开debug，可以测试API调用结果，会Alert出来。
jsApiLis是需要使用的API，分享给朋友圈和好友。
这里有一个经常会出错的地方：signature这里，这是由PHP生成的。


wx.config({
    debug:true,
    appId: '<?php echo $signPackage["appId"];?>',
    timestamp: '<?php echo $signPackage["timestamp"];?>',
    nonceStr: '<?php echo $signPackage["nonceStr"];?>',
    signature: '<?php echo $signPackage["signature"];?>',
    jsApiList: [
    'updateAppMessageShareData',
    'updateTimelineShareData' ]
  });
  wx.ready(function () {
    // 在这里调用 API
    // 
     wx.updateAppMessageShareData({ 
    title: 'title!', // 分享标题
    desc: 'desc, // 分享描述
    link: '这里与安全域名对应，加上http', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
    imgUrl: 'xxx/mi