In this video, we use all the information from the previous video and implement the push-related APIs inside a nodeJS application. We then use the service worker to get the message sent from this backend(AKA the push message) and display it as a notification to the client.
This video series will take you through the fundamentals of Push notifications and how to implement a basic setup in your project.
Web Push notifications in Firefox: https://support.mozilla.org/en-US/kb/push-notifications-firefox
Github URL: https://github.com/AkileshRao/Service-worker-notification/tree/main
Playlist link: https://www.youtube.com/playlist?list=PL62km_yqC3ZF5Dh9vFdjjRxvn1xQKqj4B
⌚Timestamps
0:00 - Setting up application server key
2:31 - Sending the subscription instance to the backend
4:05 - Setting up the node(backend) app
5:55 - Save subscription API endpoint
7:07 - Sending a push message from the backend
14:11 - Getting notifications even when the app is closed
14:43 - Outro
🧑💻Other playlists:
Service worker in Javascript (2023) - https://www.youtube.com/playlist?list=PL62km_yqC3ZEs7VWDF1BdmKwFHiXTDZPk
Javascript observers(2023) - https://www.youtube.com/playlist?list=PL62km_yqC3ZGEevgSAFoMcGl8tSVGO_cI
The Web components Playlist - https://www.youtube.com/playlist?list=PL62km_yqC3ZFk2A1JltWKGT0qy7gNspl_
The Git series(2023) - https://www.youtube.com/playlist?list=PL62km_yqC3ZH1Drj72q3W2HiQZcPO33kE
Multitasking in NodeJS - https://www.youtube.com/playlist?list=PL62km_yqC3ZEV0wKbLbd3CG-2zt3oDkes
NodeJS Authentication with Passport - https://www.youtube.com/playlist?list=PL62km_yqC3ZHlvkKVmR2f3W6SEzh8pRIf
Job scheduling in NodeJS - https://www.youtube.com/playlist?list=PL62km_yqC3ZEyoJa7JtdPOmzMgKuuZZ-x
NPM Tutorial Series - https://www.youtube.com/playlist?list=PL62km_yqC3ZG2su1cA-mY_6S3mSFafAS8
Javascript(Behind the scenes) - https://www.youtube.com/playlist?list=PL62km_yqC3ZE83FRlmER2sLH1T2RSoj4A
Socials
🐤 Twitter - https://twitter.com/themangalorian
📷 Instagram - https://www.instagram.com/_alt.ar_/
👔 LinkedIn - https://www.linkedin.com/in/akilesh-rao-610357137/
🧑💻 GitHub - https://github.com/AkileshRao
📝 Medium - https://medium.com/@akileshrao19
#serviceworkers #webworkers #pushnotifications #notifications