微信分享配置
本项目是 H5 网页。微信内通过 JS-SDK 设置朋友和朋友圈分享卡片,再由用户点击右上角“…”完成分享。网页按钮不能直接替用户发布朋友圈。
- 准备具有相应 JS-SDK 权限的公众号,在公众号后台配置 JS 接口安全域名及服务器 IP 白名单。
- 在服务器环境配置 WX_APP_ID、WX_APP_SECRET;设置 PW_PUBLIC_BASE_URL 为正式公网 HTTPS 域名,再重启服务。密钥不能放在前端代码或 GitHub。
- 在微信内打开正式域名的合影页面,生成成品后点击“分享给朋友 / 朋友圈”,确认公开链接,再点右上角菜单。
- 用另一部未登录的手机检查卡片、成品、关闭分享与过期行为。内网/Tailscale 链接只能由能访问该网络的人打开,不能用来验收公众分享。
未配置公众号时仍可保存图片、复制分享链接;浏览器支持时可使用系统分享。
将来接微信小程序
原生小程序需另行接入 onShareAppMessage / onShareTimeline。包含 web-view 的页面受朋友圈分享限制,不能把 H5 包装后就视为已实现原生朋友圈分享。请使用原生结果页展示图片,再配置小程序自身的分享生命周期。
微信 JS-SDK 官方文档返回后台