ASP.NET Core 企业内网Web推送通知端到端实现方案咨询

核心实现逻辑 #

你需要的浏览器关闭后仍能接收的通知基于Web Push标准协议+PWA Service Worker实现，完全适配你提到的通用、定向两类推送场景，以下是对应你预期逻辑的分步实现指导：

1. 搭建最小可用的PWA应用 #

• 首先确保你的内网站点全链路启用HTTPS，localhost开发环境可豁免，正式环境需部署企业信任的SSL证书，否则浏览器会禁用Service Worker和Push API。
• 在ASP.NET Core项目的wwwroot根目录下新增两个核心文件：
  • manifest.json：配置PWA基础信息，设置站点作用域、显示模式、通知图标等参数。
  • sw.js：Service Worker脚本，需放在根目录保证作用域覆盖全站，在站点公共布局页添加Service Worker注册代码。

2. 实现推送通知订阅功能 #

• Service Worker注册成功后，前端调用registration.pushManager.subscribe()方法发起订阅请求，参数传入VAPID公钥（VAPID密钥对可通过WebPush Nuget包或对应npm工具生成）。
• 拿到浏览器返回的订阅对象（包含endpoint、p256dh、auth三个核心字段）后，将订阅信息与当前登录用户ID绑定存储到后端数据库，定向推送时按用户ID查询对应订阅，通用推送时查询所有有效订阅即可。

3. 实现推送通知发送能力 #

• 后端引入WebPush Nuget包，封装了VAPID签名、推送内容加密等标准逻辑，无需手动实现协议细节。
• 发送通知时，先从数据库取出对应订阅记录，构造PushSubscription对象，再传入自定义的通知内容（支持自定义标题、正文、跳转链接、交互按钮等字段），调用SendNotification方法即可完成推送。
• 若发送接口返回410状态码，说明对应订阅已失效，直接从数据库删除该条记录即可，避免无效请求累积。

4. 实现推送通知接收逻辑 #

• 在sw.js中添加push事件监听，浏览器收到推送服务的消息时会自动触发该事件，在回调中解析推送的JSON内容，调用registration.showNotification()方法即可触发系统级通知展示。
• 主流桌面端浏览器（Chrome、Edge、Firefox）默认会保留后台推送进程，只要用户未手动禁止浏览器后台运行权限、未彻底杀死浏览器进程，即使关闭所有站点页面也能正常收到通知，该限制属于浏览器原生机制，可在内网用户使用指引中补充说明。

5. 实现推送通知交互功能 #

• 在sw.js中添加notificationclick事件监听，用户点击通知时可根据推送内容中携带的跳转参数，打开对应的内网业务页面，同时关闭已点击的通知。
• 如需更复杂的交互，可在调用showNotification时传入actions参数配置通知按钮，监听notificationaction事件实现按钮点击的自定义逻辑。

常见问题排查 #

你之前测试示例关闭浏览器无法收到通知，大概率是以下几个问题导致：HTTPS配置不符合要求、Service Worker作用域配置错误、未授予浏览器系统通知权限、VAPID密钥对前后端不匹配，可按上述步骤逐一核对调整。

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