分享你我的心得.
共乘一片美好网络.

记录一下微信H5分享接口问题(一次性跳出99%的坑)

这个是官方分享接口地址

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的地址形式,不是卡片形式。

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

希望对开发的朋友们所帮助!(有问题可以给我留言)

赞(2)
未经允许不得转载:小叶白龙博客 » 记录一下微信H5分享接口问题(一次性跳出99%的坑)
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址