It’s exciting to see folks talking about implementing web push for their web apps! Be sure to create an interface that lets your users take the first step — so they can indicate that they want to get notifications. Like a bell icon or subscribe button. It’s up to *them* to opt in.
https://webkit.org/blog/13878/web-push-for-web-apps-on-ios-and-ipados/
Feb 17, 2023, 12:00 AM@jensimmons whoa! Is this real life!? Very excited to see this 🎉
Do you know if there are any plans for adding a PWA as an app via Safari on macOS the way Chrome does?
@jensimmons I hope you folks will reconsider limiting web push to home screen web apps. I work in news and can see tons of useful, non-spammy, opt-in uses for web push in news ("Hey that hurricane that was headed toward you just changed it's path"), but requiring the user to install the web app is a really high bar that's going to require a lot of user training.
@jensimmons As web push is only available for added to home screen web apps, is there any plan to improve the UI/UX to add to home screen?
Badging is a great addition too, thanks for that.
@jensimmons so cool! is there any plan for supporting live activities? that’d be neat for something I'm building 😊
@jensimmons thank you so very much for this.
Feb 17, 2023, 4:15 AM@jensimmons I’d totally add push to https://flaro.news/ but its days are numbered with the impending Twitter API shutdown. Maybe I should rebuild it on top of Mastodon…
Feb 17, 2023, 7:54 AM@jensimmons I was just finishing the server side implementation of web-push in our CMS. We have been waiting for this for years.
Feb 17, 2023, 1:42 PM@maas Oh, you did? Please, can you give me any pointers to how I can do this myself? 🙏
Feb 17, 2023, 1:44 PM@naton Sure, the api details for the end-points, which are responsible for delivering the messages, can be found here: https://autopush.readthedocs.io/en/latest/http.html
Feb 17, 2023, 1:50 PM@naton The module for our CMS is in Erlang.
I don't know if it is any use to you. I've tested it with Google and Firefox endpoints. My laptop still has to be upgraded to Ventura, so I can at try it out with an Apple end-point server.
https://github.com/channelme/zotonic_mod_web_push_api
You also need to setup a service worker which will handle the messages when they arrive of course.
Feb 17, 2023, 1:52 PM@maas Thanks, yes, I think I'm able to figure out the SW parts, and JS too. It's the pushing parts I never understood. But seems like Autopush is a complete product for this? That has an API you call from your CMS, is that right?
Feb 17, 2023, 1:57 PMMozilla's whole end-point implementation is open-source I think.
I mainly used the docs here to be able to encrypt the messages and send them to the end-points and handle the responses of the end-points correctly.
I can see why a server-side product/library pushing messages would be useful. 🙂
Feb 17, 2023, 2:00 PM@maas Haha, yeah. It's either "roll your own, using Rust" or "cloud based SAAS, pay per user".. Where's the framework solution for [my platform] that I can just download? :D
Feb 17, 2023, 2:04 PM@naton They are probably being implemented right now, after this announcement. 🙂
It was on our todo list for a long time. It became a priority, because we wanted notifications in the Android PWA app we are building right now. (We already made the iOS pwa shell app)
Feb 17, 2023, 2:06 PM@maas Just found out about https://github.com/web-push-libs/ – is that what I'm looking for? Doesn't seem to solve the database storing issue tho..?
Feb 17, 2023, 2:24 PM@naton No indeed, that is only the sending part. The storage of the client subscriptions is very application dependent. We have an identity table which stores them, they are tied to the user accounts, but YMMV.
@jensimmons hey! great news! one small thing I’d love is to be able to add Web Apps to my App Library instead of my Home Screen. I don’t need them taking up so much real estate.
@jensimmons I’m very excited for the new push features! Alas, the “install to home screen” hurdle is a pretty huge one. Is it possible to give developers more proactive ways of guiding users that way?
Feb 18, 2023, 4:42 AM@jensimmons it’s really fantastic to see this finally come to Safari. It’s already working great on my app! Is there any plans to support the in-notification interactions that the web push api offers?