Push Notifications: Totally Tooling Tips (S3, E3)

Key Takeaways

[Music] so my friend's son does this really cute thing where they install games on their phone and then for weeks after they keep getting notifications saying that their Village is under attack can you do that on the web now you can now you can how basically what happens is you register your service worker you then ask it to subscribe use to push message shows a little dialogue saying do you want to allow this to happen yes or no so hopefully then the kids won't actually enable this at that point but if they do then that point you'll get a special token that is for that user send that to your server keep it when you want to trigger a push notification um you can then use that endpoint send it a specific request and that will basically wake up the service worker on that user device and go cool there's a push message what do you want to do about it at that point you can just show a notification you can go back to the server and say hey what was this for um you show you notific and then you can respond to click events nice so that's literally like the whole endtoend flow start to finish so can push notifications can with the push API can they show me like images can I include content in there what can what can I you can do title title text you can do body text you can have an image to the side of the notification and you can also do buttons now as well so you can actually add like two buttons that you can respond so I can show an image saying that my you know showing that my Village is on fire but also a button to like extinguish the fire or watch it burn watch it burn I don't know what very dark very quick um it's also interesting because now we're looking at doing native notifications for um Mac which is really nice because it means that we get rid of our own notification like Center thing we're now going back into like native notifications and their trades and whatever else goes with it um push notifications are not a chrome only thing right no so they're in Chrome and Firefox at the moment I think other browser vendors once they start doing service work and they can start looking at it as well sweet um there is some bad stuff with chrome in the sense we have we use GCM so we have some proprietary bits what's is GCM GCM good point Google Cloud messaging okay I've been drinking the Kool-Aid for too long um so there's some proprietary bits you have to do for that but again there's new specs that are coming up that will wipe all of that out so then because the moment you have to go into Google developer console you have to register for an API key all of that's going to go away um so you just have one API one set way of doing this um that all the browser vendors can then take and use it's going to be so much better if I'm correct we have a Cod laab on push notifications as well yes people can check out which is well worth doing because that one is regularly kept up to date I think my old blog post at this point has probably seen better days so basically you're saying don't visit your blog under any circumstances oh that's just a blanket rule for all of my content but yes that's what I'm saying but yeah there is a blog post and it will step you through all the guides and it also goes through GCM and how to set all that stuff up um so yeah go check that out oh and um if someone wants to like uh simulate push notifications uh Dev tools lets you do this I think does it yes it does oh is that the Bell icon that's the Bell icon yes and you can do that from service work T cool [Music]