各位大佬， IOS 应用嵌套网页 H5 项目如何做到推送呢？

目前用的方案是：Service Worker API

代码是参考这篇文章： https://tahazsh.com/blog/web-push-notifications 在浏览器上可以正常推送，但是在苹果手机 Safari 上没有任何反应 T.T

下面是代码：

export default defineNuxtPlugin(async () => { let registration const defaultNotification = { title: 'iNotify !', body: 'You have a new message.', openurl: '' } function NotifyToServer(config) { if (config) this.init(config) } NotifyToServer.prototype = { init(config) { if (!config) cOnfig= {} this.key = config.key || 'BDQXntRO2oL7cnk3-CC30T4anHw2D-UGFz8UrzjtuxUKVy9dD3nqxRyxnZSM-ssY1wk976yw945mnmayW1_zyks' this.title = config.title || document.title // 标题 this.notification = config.notification || defaultNotification this.onLoadApp() return this }, async onLoadApp() { // 测试密钥 https://web-push-codelab.glitch.me/ const YOUR_PUBLIC_KEY = this.key console.log(' ~ file: serverNotify.client.js:27 ~ onLoadApp ~ YOUR_PUBLIC_KEY:', YOUR_PUBLIC_KEY) // 这里为 false if ('serviceWorker' in navigator && 'PushManager' in window) { // 激活 serviceWorker registration = await navigator.serviceWorker.register('./sw.js') console.log(' ~ file: serverNotify.client.js:30 ~ onLoadApp ~ registration:', registration) const permissiOnResult= await Notification.requestPermission() console.log(' ~ file: serverNotify.client.js:33 ~ onLoadApp ~ permissionResult:', permissionResult) if (permissionResult !== 'granted') return try { // service worker 处于激活状态时，可以使用 PushManager.subscribe() 来订阅推送通知 const pushSubscription = await registration.pushManager.subscribe({ userVisibleOnly: true, // https://developer.mozilla.org/zh-CN/docs/Web/API/PushManager/subscribe 由服务端生成密钥 applicationServerKey: YOUR_PUBLIC_KEY }) // 端点及发送数据需要的加密密钥 console.log('用户已订阅推送通知 pushSubscription', JSON.stringify(pushSubscription)) // 例如显示一条通知 // registration.showNotification('订阅成功') } catch (err) { console.log('用户拒绝了推送通知', err) } return this } }, send(json) { // const title = json.title || this.title // // 例如显示一条通知 // registration.showNotification(title, json) navigator.serviceWorker.ready.then(registration => { registration.pushManager.getSubscription().then(subscription => { console.log(`=====>subscription`, subscription) if (subscription) { const title = json.title || this.title // 例如显示一条通知 registration.showNotification(title, json) // 使用获取到的订阅信息模拟一个 push 事件 } else console.log('无法获取订阅信息') }).catch(error => { console.log('获取订阅信息失败: ', error) }) }) } } const iNotifyToServer = new NotifyToServer({ }) return { provide: { iNotifyToServer } } })