Тёмный

2. Push Notifications with Service worker: Push API + Push Service 

Akilesh Rao
Подписаться 1,4 тыс.
Просмотров 11 тыс.
50% 1

In this video, we take a look at how the Push API works behind the scenes, how we subscribe to a Push Service and how the backend server send back a push message using this Push service.
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 : support.mozilla.org/en-US/kb/...
Playlist link: • Push Notifications usi...
⌚Timestamps
0:00 - Intro
0:53 - Flow recap
1:37 - Some minor readjustments
2:57 - Using the activate event listener to get a user subscribed
5:18 - Application server key
10:00 - User-visible only
10:42 - Complete flow from the start(one last time)
12:42 - Outro
🧑‍💻Other playlists:
Service worker in Javascript (2023) - • Service worker in Java...
Javascript observers(2023) - • Javascript Observers(2...
The Web components Playlist - • Web components 2023
The Git series(2023) - • The Git series(2023)
Multitasking in NodeJS - • Multi tasking in NodeJS
NodeJS Authentication with Passport - • NodeJS Authentication ...
Job scheduling in NodeJS - • Job scheduling in NodeJS
NPM Tutorial Series - • NPM Tutorial Series (2...
Javascript(Behind the scenes) - • Javascript(Behind the ...
Socials
🐤 Twitter - / themangalorian
📷 Instagram - / _alt.ar_
👔 LinkedIn - / akilesh-rao-610357137
🧑‍💻 GitHub - github.com/AkileshRao
📝 Medium - / akileshrao19
#serviceworkers #webworkers #pushnotifications #notifications

Наука

Опубликовано:

 

23 июл 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 11   
@webwisesagar
@webwisesagar 5 месяцев назад
Best resource out there. I integrated the push notification in a NextJS application by taking reference from your video. Excellent communication and explanation skills. Thankyou keep up the Good Work.
@user-go5yr6te4r
@user-go5yr6te4r 3 месяца назад
hi, does it work in ios ,push notifications?
@iashishere
@iashishere 3 месяца назад
​@@user-go5yr6te4r We're using browser specific APIs, so if your device has a browser, then it should work.
@webwisesagar
@webwisesagar 3 месяца назад
@@user-go5yr6te4r I only tested it for Android, but I've the application, you want to try it on IOS ?
@johnsonchen8395
@johnsonchen8395 22 дня назад
Amazing tutorial on this topic 😱
@Flash136
@Flash136 4 месяца назад
Excellent video. I'm surprised how few resources there are on how to use these Web APIs. I suppose these browser features are just too new that most people simply don't know how to use it yet.
@arunv1581
@arunv1581 8 дней назад
How to we creat toast message using service worker ?
@jimpannell2035
@jimpannell2035 7 месяцев назад
Does this work on mobile devices?
@eealliance5997
@eealliance5997 6 месяцев назад
Why didnt he respond to this?
@webwisesagar
@webwisesagar 5 месяцев назад
Yes It works
@nick2874
@nick2874 8 месяцев назад
That was funny! Hardly true. Cheers. (refering to position 2:29)
Далее
Push Notifications with Service worker
14:15
Просмотров 28 тыс.
СОБАКИ ГОЛОДАЮТ ИЗ-ЗА ЛЕРЫ 🥲
01:00
React Proxy | Easiest Fix to CORS Errors
15:52
Просмотров 82 тыс.
Web Workers Explained
3:56
Просмотров 22 тыс.
Push Notifications Using Node.js & Service Worker
29:52
Web Push Notifications - End to End implementation
17:24
Every React Concept Explained in 12 Minutes
11:53
Просмотров 489 тыс.
Dramatically improve website speed with Partytown
3:39
Engage users with Firebase Cloud Messaging
25:33
Просмотров 21 тыс.
How To Send Push Notifications With JavaScript?
18:51
iPhone 16 - НЕ СТОИТ ПРОПУСКАТЬ
4:50