为网页小工具添加微信分享标签

贷款计算器等网页小工具主要通过微信传播分享使用，依赖生成二维码截图分享，当在微信内置浏览器中打开页面，直接通过右上角（...）- 转发给朋友时，转发到聊天窗口的链接卡片，仅有页面标题，实在不怎么美观。

实现方法，需要有一个公众号，将页面使用的域名添加到公众号的业务域名，并获取到appId和appSecret，然后...（交给AI吧），得到的效果如下：

1. 核心文件与依赖

• 页面文件 : dkjsq/index.html
• JS SDK : 引入了微信官方 SDK jweixin-1.6.0.js 。
• 后端接口 : 依赖 ../config/wx_api.php 获取 JS-SDK 签名配置。

2. 初始化流程 (initWxConfig)

页面加载完成后，会执行 initWxConfig 函数：

1. 获取当前页面 URL（去除 hash 部分）。
2. 请求后端接口 ../config/wx_api.php?url=... 。
3. 获取到 appId , timestamp , nonceStr , signature 等配置信息。
4. 调用 wx.config 初始化 SDK。
5. 在 wx.ready 回调中调用 updateWxShare() 设置初始分享内容。

3. 动态分享内容 (updateWxShare)

分享文案会根据用户的计算结果 动态变化 。

• 默认状态 （未输入参数时）：
• 标题 : 贷款计算器
• 描述 : 专业的贷款计算器在线工具，支持等额本息、等额本金、先息后本三种还款方式计算
• 图片 : https://yangjinyou.com/page/dkjsq/favicon.ico
• 计算状态 （用户输入金额、利率、期限并计算后）：
• 标题 : 贷款计算器-查看还款计算表
• 描述 : 包含具体的贷款方案详情，格式如下：

4. 触发更新机制

除了页面加载时的初始化，分享内容还会通过以下方式实时更新：

• 在 calculate() 函数末尾（第 1070 行左右）会检查并调用 updateWxShare() 。
• 这意味着每当用户点击计算按钮或修改参数导致重新计算时，微信分享的文案也会立即同步为最新的计算结果。

5. 调用的分享接口

代码同时调用了新旧两版接口以保证兼容性：

• wx.updateAppMessageShareData (分享给朋友)
• wx.updateTimelineShareData (分享到朋友圈)
• wx.onMenuShareAppMessage (兼容旧版)
• wx.onMenuShareTimeline (兼容旧版)