iOS/iPadOS 16.4からサポートされたWebプッシュが意外と話題になっておらず、通知が出てる動画を探してもなかなか見つからなかったので実装してみました。 通知自体はスマホのプッシュ通知と同じで面白みがないので先に動画を貼ります。 iOS まずは通知の許可を得るために"ボタンをクリック"のような能動的な処理が必要になります。どうもGlobalに処理を書くとブラウザによってエラーになるようで。 次に通知の送信。「5秒後に通知を送信」ボタンをクリックしてexpressのWebAPIを叩きます。バックエンド側は"5秒経ったらWebプッシュを送信"という設定にして、その間にホーム画面に戻っておきます。そして5秒後にネイティブアプリのようにPWAアプリがバックグラウンドにいても通知が届くという流れです。 環境構築 プッシュ通知を受けるフロントと送るバックエンドが必要になります。サンプルという