iOS 16.4でSafariのPWAがPush通知に対応したのでWeb Pushの動作検証する
はじめに 2023年3月27日に iOS 16.4 が公開され、iPhoneのSafariでもPush通知が利用できるようになりました。 Web Push機能を実装したPWAが iOS 16.4 Safariでどのように動作するか検証したのでまとめます。（動作検証端末：iPhone 13 mini） 目次 Push通知の動作確認 バックグラウンドやスリープ時の動作確認 Push通知にURLを指定した場合の動作確認 まとめ プッシュ通知の動作確認 Web Push機能を持つPWAを用意して、次のようなパターンで動作を検証します。 Safari（ブラウザ上）でPush通知が動作するか ホーム画面に追加したPWAでPush通知が動作するか Push通知の動作確認用のWebページは次に示すような実装をしました。 ホーム画面にインストールする実装 manifest.jsonファイルを作成する Ser
Push Notifications, WebXR, and better PWA support coming to iOS－firt.dev
Push Notifications, WebXR, and better PWA support coming to iOS iOS 15.4 beta has finally added icon support in the manifest, Web Push, AR, and VR experiments. by Maximiliano Firtman Twitter @firt About Newsletter Published 2 years ago (31 Jan 2022) About 8 min reading time #ios #webview #pwa #store Not every minor iOS version update includes changes in the Web platform. Still, iOS 15.4 will be an
Service Workerとブラウザでの通知について
Ehime.js #4の資料です。 https://ehimejs.connpass.com/event/162348/
Angular と Firebase で月間PV1億超えの PWA を作った話 - Qiita
はじめに これは Angular Advent Calendar 2019 10日目の記事です。 こんにちは (｡･ω･｡) Angular と Firebase で CGM サービス（一般ユーザー投稿型サービス）を開発している者です。 早いもので、Angular Advent Calendar も 3 回目の参加となります。 例年ではなんとなく不吉な 4 日目をいただいていたのですが、今年も募集当日にエントリーしに行くと既に 9 割ほどの枠で参加表明があり、狙っていた？ 4 日目も埋まっていました。 （どこでも良いので他の人が嫌がる確率が高そうなところに入ったろの精神 今まで #1 しかなかったカレンダーが今年は勢いそのまま #2 まで誕生し、ここ 1 年での Angular コミュニティの成長を実感しています (ﾉﾟ∀ﾟ)ﾉ 小話はこの辺で... この記事では、約 2 年間 Angul
マッチングアプリ強者を体験できる PWA 開発で、Web プッシュ通知を理解しよう - Qiita
どうも、親からもらったお年玉でマッチングアプリを始めるも、いいね 0 件のまま 3 ヶ月で退会した@sadnessOjisan です。 今日はタイトルの通り、マッチングアプリ強者を体験できる PWA を開発します。具体的には、いいね 通知がたくさん届くアプリを開発します。なおこのアプリは「通知止まらん www」を体験できるアプリを作ったの影響を深く受けました。ただし、これから作る push 通知体験アプリでは、通知の疑似体験ではなく本当に通知が届きます シンプルにプッシュを送るだけのコード: https://github.com/sadnessOjisan/simple-push マッチングアプリ っぽいUIがついたコード: https://github.com/sadnessOjisan/simple-push-ui 書いた動機 この記事では Firebase を使った web push
AngularのPWA（Progressive Web Apps）機能でWebプッシュ通知を実装
本連載では、Webアプリケーションフレームワーク「Angular」の活用方法を、サンプルとともに紹介しています。前回はネイティブアプリのような使い勝手のWebページを実現するPWA（Progressive Web Apps）の利用法を紹介しましたが、今回はPWAならではの機能と言える、Webプッシュ通知をAngularで実装する方法を説明します。 はじめに Angularは、Googleとオープンソースコミュニティで開発されているJavaScriptフレームワークです。最初のバージョンはAngularJS（AngularJS 1）と呼ばれていましたが、バージョン2で全面的に刷新され、以降、おおむね半年に1回アップデートされています。 PWA（Progressive Web Apps）は、まるでネイティブアプリのような使い勝手を提供するWebページです。前回記事では、「Web App Man
Apple Push Notification Authentication Keyを発行しよう | スマホアプリ制作・開発会社を東京都内でお探しなら【株式会社イーディーエー】
サーバー開発担当の木下です。 手持ちのiPhoneとiPadをiOS 11にアップデートしました。コントロールセンターでWiFiを切ると、ネットワークに接続しないだけでWiFi自体は有効になっているとう仕様を知ってびっくりしています。ちょっと前まで、外出時はWiFiを切るというのがスマホのバッテリー消費を軽減するための定番だと思っていたのですが、色々変わってきているということでしょうか・・・ さて今回は、時々お問い合わせをいただく「iOSのプッシュ証明書の発行方法」です。 APNsの証明書が変わりました 以前に書いたエントリ(Golangで「プロバイダー認証トークン」を生成して、APNsにプッシュを送ろう)で触れたとおり、プッシュ通知に使用する証明書の種類が変わりました。以前のものは「Apple Push Notification Service SSL」、新しいものは「Apple Pus
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Guide: Android notifications
Firebase Notifications in Background & Foreground in Android