开发微信网页,怎样分享才能带缩略图?

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

阅读 6.5k
6 个回答

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

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

    signature: signature,// 必填,签名

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

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

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

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

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

别琢磨了,一定要花300块通过认证,没有认证就没有权限

需要继承微信的js-sdk,里面有具体的分享api

继承微信的js-sdk。
.wx.config({

        debug: isDebug, //开启调试模式
        appId: appId, // 必填,公众号的唯一标识
        timestamp: timestamp, // 必填,生成签名的时间戳
        nonceStr: nonceStr, // 必填,生成签名的随机串
        signature: signature,// 必填,签名
        jsApiList: jsApiList //必填,需要使用的JS接口列表

});
jsApiList = [

    'checkJsApi',
    'onMenuShareTimeline',
    'onMenuShareAppMessage',
    'onMenuShareQQ',
    'onMenuShareWeibo',
    'chooseImage',
    'previewImage',
    'uploadImage',
    'downloadImage',
    'getLocation'
];

其中jsApiList 是需要使用的JS接口列表。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题