微信分享设置

模块介绍

「微信分享优化」提供了一个优化微信分享的功能，可以自行设置分享的标题、描述、图标。

需要微信公众号支持

功能特性
    分享标题
    分享文字
    分享图标

如何自定义页面的分享图标、标题、描述

在任一元素配置属性信息即可

<div data-wechat-share-title="分享标题" 
     data-wechat-share-desc="分享描述"
     data-wechat-share-image="分享图片"
>
    ...
</div>

配置步骤

• 第一步，申请公众号并在系统后台填写 AppId、AppSecret、默认图标
• 第二步，配置服务器调用IP白名单
• 第三步，配置服务号，增加 业务域名 和 JS接口安全域名

常见问题

怎么调试配置是否成功

在后台 系统设置 → 微信分享设置，开启 启用微信分享调试，这时访问页面，会在弹出配置 OK 的弹窗。

为什么配置好了，分享的标题、描述、图标没有生效？

这个配置由于微信的一些自带风控规则，有时候会抽风，导致分享的标题、描述、图标没有生效。

经过开发大神测试，发现分享的标题、描述、图标没有生效的原因（以下规则是网友自己测出来的，微信并没有官方回应）：

2022年，我来翻这个帖。神了。
据我测试，链接必须手机端（注意不是微信windows客户端），在公众号的对话页面点过去的，才分享后才有对应的展示。
在微信开发者工具里面，全都是返回配置设置ok的。
也就是说，微信为了限制网页乱分享，把网页限定在了公众号对话框这个入口。官方人员请核实一下，是不是这个规则。
这个潜规则，对我们开发人员很不友好，因为，做出来的东西没法立即验证，没有反馈，怎么搞？
原文链接：https://developers.weixin.qq.com/community/develop/doc/0006a2e2418ef0a371893e19d50809

具体可以参考微信分享的 官方文档

调试状态下出现 noPermissionJsApi 错误

具体错误为：

noPermissionJsApi:["updateAppMessageShareData", "updateTimelineShareData"],errMsg: "config:ok"`

登录公众号后台，进入 接口权限 → 分享接口，检查 分享到朋友圈 和 分享给朋友 是否已经开启。

具体接口权限可参考微信接口权限 官方文档。

后台菜单

• 系统设置
• 系统设置 → 微信分享设置