Web Push订阅的p256dh密钥与VAPID公钥是否关联？如何验证？

首先明确：可以验证，但无法直接从pushSubscription的p256dh或auth字段提取VAPID公钥做对比——这两个字段是客户端生成的密钥对（用于和推送服务加密通知内容），和你的VAPID服务器密钥对是完全独立的安全机制。

两者的关联逻辑 #

当你的前端调用pushManager.subscribe()时，如果传入了你的VAPID公钥（applicationServerKey参数），浏览器会把这个公钥连同订阅信息一起发送给推送服务（比如FCM、Mozilla推送服务）。推送服务会将该订阅记录与你的VAPID公钥绑定，后续只有用对应VAPID私钥签名的推送请求才会被接受。

验证方法 #

方法1：发起测试推送请求验证（最可靠）

用你的VAPID私钥签名推送请求的Authorization头部，向订阅的endpoint发送一个空的测试推送（或仅验证头部）：

• 如果推送服务返回200/201状态码，说明该订阅确实关联你的VAPID公钥，后续用你的私钥发送通知会有效；
• 如果返回401 Unauthorized或类似错误，说明该订阅绑定的是其他VAPID公钥，你的私钥无法用于发送通知。

示例签名逻辑（伪代码）：

# 伪代码：生成VAPID签名头部
from vapid import Vapid

vapid = Vapid(private_key="你的VAPID私钥", public_key="你的VAPID公钥")
auth_header = vapid.sign(endpoint="订阅的endpoint")

# 发送请求
headers = {
    "Authorization": auth_header,
    "Content-Type": "application/json"
}
response = requests.post(subscription["endpoint"], headers=headers, json={})

方法2：订阅时存储VAPID公钥哈希（更高效）

在用户完成订阅的前端逻辑中，计算你的VAPID公钥的哈希值（比如SHA-256），并将哈希值与pushSubscription数据一起提交到服务器存储。后续检查时，直接对比存储的哈希值和当前VAPID公钥的哈希值即可。

前端示例：

// 订阅时计算VAPID公钥哈希
async function getVapidPublicKeyHash(vapidPublicKey) {
  const encoder = new TextEncoder();
  const data = encoder.encode(vapidPublicKey);
  const hashBuffer = await crypto.subtle.digest('SHA-256', data);
  return Array.from(new Uint8Array(hashBuffer))
    .map(b => b.toString(16).padStart(2, '0'))
    .join('');
}

// 订阅并提交哈希
const subscription = await swRegistration.pushManager.subscribe({
  userVisibleOnly: true,
  applicationServerKey: urlBase64ToUint8Array(YOUR_VAPID_PUBLIC_KEY)
});

const vapidHash = await getVapidPublicKeyHash(YOUR_VAPID_PUBLIC_KEY);
// 提交subscription和vapidHash到你的服务器
await fetch('/save-subscription', {
  method: 'POST',
  body: JSON.stringify({ subscription, vapidHash })
});

关键结论 #

• 你的VAPID密钥对和pushSubscription的p256dh/auth字段没有直接关联，前者用于身份验证，后者用于内容加密；
• 验证订阅是否属于你的服务，要么通过测试推送请求，要么在订阅时主动绑定VAPID公钥的标识信息；
• 只要验证通过，用你的VAPID私钥签名的推送请求就会被推送服务接受，通知可以正常发送。

内容的提问来源于stack exchange，提问作者Furman