微信H5分享接口问题（避开99%坑）

记录一下微信H5分享接口问题（一次性跳出99%的坑）-小叶白龙博客

这个是官方分享接口地址：概述 | 微信开放文档

微信 JS 接口签名校验工具：微信 JS 接口签名校验工具

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

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

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

jweixin.config({
			debug: true,
			appId: 'appId', //接收后端数据的
			timestamp: 'timeStamp', //接收后端数据的 timeStamp这里注意大小写，后端有可能是大写的
			nonceStr: 'nonceStr', //接收后端数据的
			signature: 'signature ', //接收后端数据的
			jsApiList: [
                'checkJsApi',
                'updateAppMessageShareData',
                'updateAppMessageShareData',
                'updateAppMessageShareData', //旧的接口，即将废弃
                'updateAppMessageShareData' //旧的接口，即将废弃
            ],
		});

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

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

6，是否接口可用

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

最坑的来了！

8，比如你把H5地址复制到文件传输助手里，打开后发送给朋友或是朋友圈，发送后还是URL地址，不是卡片的形式。只有点击卡片形式的地址地址进入分享外，就是在微信公众号里进入页面，才能分享出卡片形式的。这个坑了

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

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

转载网友的：记录一下微信H5分享接口问题（一次性跳出99%的坑）-小叶白龙博客