エントリーの編集
![loading...](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/common/loading@2x.gif)
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
iPhoneでWebプッシュを実装する - yasudacloudの日記
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
![アプリのスクリーンショット](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/entry/app-screenshot.png)
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
iPhoneでWebプッシュを実装する - yasudacloudの日記
iOS/iPadOS 16.4からサポートされたWebプッシュが意外と話題になっておらず、通知が出てる動画を探して... iOS/iPadOS 16.4からサポートされたWebプッシュが意外と話題になっておらず、通知が出てる動画を探してもなかなか見つからなかったので実装してみました。 通知自体はスマホのプッシュ通知と同じで面白みがないので先に動画を貼ります。 iOS まずは通知の許可を得るために"ボタンをクリック"のような能動的な処理が必要になります。どうもGlobalに処理を書くとブラウザによってエラーになるようで。 次に通知の送信。「5秒後に通知を送信」ボタンをクリックしてexpressのWebAPIを叩きます。バックエンド側は"5秒経ったらWebプッシュを送信"という設定にして、その間にホーム画面に戻っておきます。そして5秒後にネイティブアプリのようにPWAアプリがバックグラウンドにいても通知が届くという流れです。 環境構築 プッシュ通知を受けるフロントと送るバックエンドが必要になります。サンプルという