这个是官方分享接口地址

https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html

微信 JS 接口签名校验工具

https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign

按文档第一步到第四步就行了！

有的是因为签名地址与下面的注入地址不一致导致的，有的是没加入js接口安全域名与ip白名单

有的是注入接口地址不对！新旧接口一起加入到列表中，请看代码

wx.config({
debug: true,
appId: ‘wxxxxxxxxxxxxxxx’,
timestamp: <%=timestamp%>,
nonceStr: ‘<%=noncestr%>’,
signature: ‘<%=signature%>’,
jsApiList: [
‘checkJsApi’,
‘updateAppMessageShareData’,
‘updateTimelineShareData’,
‘onMenuShareAppMessage’, //旧的接口，即将废弃
‘onMenuShareTimeline’ //旧的接口，即将废弃
]
});

这里注意一下大小写与 timestamp 后不带单引号

其次是在微信开发者工具里查看Console下面的内容是否有错误

是否接口可用

引用的js文件是否是最新的版本http://res2.wx.qq.com/open/js/jweixin-1.6.0.js

最坑的来了！

比如你把H5地址复制到文件传输助手里，打开后发送给朋友或是朋友圈，发送后还是URL地址，不是卡片的形式

只有点击卡片形式的地址地址进入分享外，就是在微信公众号里进入页面，才能分享出卡片形式的。这个坑了我一天一宿的时间

不信来测试一下

地址：http://xxx.xxxx.com/sc/pro_info/?id=1 比如这个地址，在文件传输助手里点击打开后，选择右上角的三个黑点，选择转发给朋友，那么无论你转发给谁都是URL的地址形式，不是卡片形式。

如果是卡片形式或是进入公众号后再点右上角的三个黑店，选择转发给朋友，那么就可以得到卡片形式的链接。

希望对开发的朋友们所帮助！（有问题可以给我留言）