扫描二维码 上传二维码
选择防红平台类型,避免链接被拦截
选择允许访问的平台类型

如何设置微信自定义分享链接

在“快缩短网址”项目中(suo.run),我们致力于优化用户体验,特别是在移动端分享功能的实现上,微信自定义分享链接扮演了至关重要的角色。以下是实现这一功能的优雅流程:

---

一、前置条件


1. 微信公众号认证
需要一个已通过认证的微信公众号,个人公众号可能因权限限制无法使用全部接口。企业资质是关键。
2. 域名备案
确保所使用的域名已完成ICP备案,并将其正确绑定至微信公众平台。

---

二、后端签名生成


1. 获取AppID与AppSecret
登录微信公众平台,在“开发”→“基本配置”中找到AppID与AppSecret。
2. 获取access_token
通过以下接口请求获取access_token,有效期为7200秒:
   https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET

将access_token缓存在服务端,避免频繁请求。
3. 获取jsapi_ticket
使用已获取的access_token,调用以下接口请求jsapi_ticket:
   https://api.weixin.qq.com/cgi-bin/ticket/getticket?type=jsapi&access_token=ACCESS_TOKEN

jsapi_ticket同样需缓存,有效期为7200秒。
4. 生成签名
根据jsapi_ticket、当前页面URL(需encodeURIComponent)、随机字符串nonceStr及当前时间戳timestamp,利用SHA1算法生成签名。



---

三、前端配置与分享内容设置


1. 引入微信JS-SDK
在目标页面中加载微信JS-SDK脚本:
   <script src="https://res.wx.qq.com/open/js/jweixin-1.x.x.js"></script>

(请根据实际版本号调整路径)
2. 权限验证配置
调用wx.config方法,传入后端生成的签名、AppID、timestamp、nonceStr等参数完成权限验证。
3. 设置分享内容
- 分享到朋友圈
通过wx.onMenuShareTimeline设置分享到朋友圈的内容,包括标题、链接、图标等。
- 分享给朋友
使用wx.onMenuShareAppMessage配置分享给好友的信息,如标题、描述、链接及图片。



---

四、注意事项


1. 签名有效性
确保生成的签名有效,尤其是对页面URL进行encodeURIComponent编码,避免因签名失效导致分享失败。
2. 服务端缓存
建议在服务端缓存access_tokenjsapi_ticket,减少API调用频率,提升性能。
3. 调试与测试
使用微信开发者工具进行充分调试,确保线上环境稳定运行。上线前务必关闭调试模式,并清理手机缓存以规避潜在问题。

---



通过以上步骤,“快缩短网址”项目能够轻松实现微信自定义分享链接功能,让分享内容更加个性化、精准化,从而提升用户的互动体验。