微信分享设置 v1.2.1
修复设置路由异常问题
2023-08-22 更新日志
  • 修复:设置路由异常问题
微信分享设置

模块介绍

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

需要微信公众号支持

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

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

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

<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"`

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

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

后台菜单

  • 系统设置
  • 系统设置微信分享设置
QQ
微信
客服