html5 - 开发微信网页，怎样分享才能带缩略图？

问题描述

问 题

开发微信网页需要分享功能，而分享给朋友的卡片没有缩略图也没有简介，样式非常难看。请各位大神帮忙，已经尝试过在body放入一个img标签的方法，以及通过<meta name="sharecontent">标签方法，都没有成功。另外本人网页是微信服务号的网页

解决方案

曾经做过这个开发，坑比较多，列举几点需要注意的地方：

1）
下面javascript里面的签名参数signature一定要计算正确
.wx.config({

    signature: signature,// 必填，签名

});
这个signature的计算方法官方代码里面有，最好下载官方提供的demo程序，自己写的话一定要注意参数的大小写和哈希计算时的顺序。尤其是参数nonceStr，微信网页分享接口的文档和SDK都不够专业，写得乱七八糟，需要自己慢慢调试；

2）
只有认证的公众号才具有分享接口权限；

3）
后台设置： 公众号设置/功能设置/JS接口安全域名 要设置正确，填写的域名须通过ICP备案验证。

4）
可以使用官方提供的微信web开发者工具辅助测试，但是也很难用。

有问题的地方反复看这个文档吧
https://mp.weixin.qq.com/wiki...

这篇关于html5 - 开发微信网页，怎样分享才能带缩略图？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！