记录下我这几天微信 jssdk 分享的超级踩坑路程

[sytnishizuiai]

心态搞崩了，本来是有空帮前端写下分享，谁知道搞了 3 天，第一天还搞到凌晨 5 点。

前提：项目 H5 只需要分享，所以引入微信 jssdk 。

踩坑 1：微信开发者工具，jssdk config 所有功能都说没权限，导致 jssdk 没法测试。经过大量查询测试，发现开发工具有问题，只能真机测试。（所有我每次打包，直接拖 ftp ，手机点开测试，还好流程块，否则更崩溃）

踩坑 2：真机测试，config 签名校验报错，官方工具校验没问题，查了好久才知道要区分安卓 ios 的 url ，传后端去签名。

踩坑 3 （真正的天坑来了）：第一天到这一步几乎写完了，谁知道手机端 开 debug ，config 、checkJsApi 、分享都是 true ，但分享就只能分享出去一个纯 link ，title imgUrl 都没有。

后面几天就是一直查->改->测试->失败，其他的上传图片、扫码等功能全部没问题，就分享不行，好多人碰到，但也没具体的解决方案。 最后！改了文字图片又突然成功了。。。我猜要么图片格式问题，要么文字问题（无敏感词和图，精神不行了，懒得再试了。。。）

[mzlzero]

坑 1：你把自己微信账号加到微信开发者里了吗？
坑 3：你的域名是微信开发者后台加白的名单吗，备案了吗？

[liudanning]

坑 3：
在聊天界面直接发送的 url 链接，打开后是没办直接分享成卡片形式
你试试从浏览器通过系统的分享功能分享到微信，再从这个入口进入，就可以正分享成卡片形式了

[66beta]

分享图不能太大

[liudanning]

另外测了一下，通过公众号直接回复的 url 链接，打开后是可以以卡片形式分享的。

[sytnishizuiai]

@mzlzero #1 我自己就是最大的管理员，域名、白名单、备案、300 认证，全弄好了。

@liudanning #2 我是 h5 右上角点的分享，你这方法试过没用，估计是文字图片触发了什么问题

@66beta #3 我特意截了 200*200 不到的图。。。

[mzlzero]

@sytnishizuiai 有专门的开发者，要加到这里面

[sytnishizuiai]

@mzlzero #6 加了，我查了 3 天，已经确保前提条件都完成了。。。最后就改了图片地址和文字，突然就成功了。之前我盖着盖那，起码试了几十遍。