2023-12-19
#js 
待望のWebPush on iPhone、PWAならできると聞き、実験。以前作ったコードほぼそのままで動きました。(参考、オープンな技術で開発進む通知システム「WebPush」を簡単に使ってみるJavaScriptプログラム


「WebPush demo」

PWA化するmetaタグが入ったウェブアプリへアクセスして、「ホーム画面へ追加」が必須。
<meta name="apple-mobile-web-app-capable" content="yes"> 追加したアイコンから起動し、サブスクライブボタンを押すと、通知を許可するかのダイアログがでるので、許可すればOK。 あとは任意のタイミングで設定時にサーバーにも登録される uuid 付きでプッシュコマンドをサーバーで実行すれば、電源OFF状態でも通知が来ます!

プッシュ通知をするためにはTLSに対応したサーバーが必要です。実験であればlocalhostでもOKですが、月額300円程度で持てるサーバーがあると、いろいろできて便利です。(参考、ローカル環境へSSLで接続する方法 nginx編


「WebPush demo on GitHub」

Node.js / Denoのセットアップからまとめたドキュメントを整備したので、ぜひチャレンジしてみてください!Android端末での動作報告もお待ちしていますー。
「ProForma Production」

jig.jpの新事業、VTuberプロダクション事業、第一期生5名の発表がありました!
技術面からも応援していきますよ!

Tweet
クリエイティブ・コモンズ・ライセンス
本ブログの記事や写真は「Creative Commons — CC BY 4.0」の下に提供します。記事内で紹介するプログラムや作品は、それぞれに記載されたライセンスを参照ください。
CC BY / @taisukef / アイコン画像 / プロフィール画像 / 「一日一創」画像 / RSS