One of the best instructional videos, and I've watched 1000s. Easy to follow and understand! Keep up the great work!!!

ok, the reason navigator is undefined is because notification works only with SSL environment - author didn't mention that at all and because he is using localhost it's even more confusing because you cannot setup https on localhost - certbot will complain as this is not a domain.

I tried so many guides for how to do this and yours worked... the first time! Thank you so much for the video and for the source code. Thank you!

Excellent video

Like watching Bob Ross for coding. Excellent!

Thanks for this Ben - I've found it extremely helpful 🙏

Thanks for this Ben!

This is so good. Thank you. I'd like to ask, the notification will only work while the browser is opened yes? Is there a workaround for sending notifications while the browser is closed?

Exactly what I needed. Thanks

Thanks😁❤❤

Great video, thank you :)

I can get this working on desktop browsers, but the subscription data is not being generated on iOS for me to save... help please?

Thank u so much

in my case .then((subscription)=> { console.log(JSON.stringify(subscription)); }); i am not able to see subscription

Hi Beni, great content, can I ask you, are you runing the page in a live server or what are you doing to run it?

i'v successed implement your code in plain php, but when i use codeigniter 3, why i cant get the endpoint in the console.log ? its just blank, not error, just blank. Like something block this code "then((subscription)" in the codeigniter view, Can you help me ?

Thanks for the tutorial! I'm stuck in getting the end point after creating the "enableNotif" button. The promise isn't resolved. Up until that point we only used the backend to create public & private keys which we pasted (only the public) in "applicationServerKey" right?

I was expecting to find proper tutorials but yours has errors - Cannot read properties of undefined (reading 'register'). navigator is undefined anywhere. how can you post code without checking

Hi, the tutorial is very clear and complete! I managed to replicate the example and everything works. However I don't understand how to manage subscriptions, because to send a notification I have to insert the json of the subscription into the function. This example works with only one browser but if I have to send notifications to multiple browsers do I have to keep all subscriptions and send each one? Thank you

how to fix this " Uncaught RuntimeException: Unable to create the key in C:\xampp\htdocs\push_notification\vendor\web-token\jwt-library\Core\Util\ECKey.php:98" ?

is that ok to use only the first part of the video where you not using a library

I don't have autoload.php file

Where should I put each file if I use CodeIgniter 4?

I am getting an error when going for the application test: Cannot read properties of undefined (reading 'showNotification') on line event.waitUntil(self.registration.showNotification(notification.title, {...

Hi Ben, after successfully testing everything locally (Mac, MAMP and domain localhost) I tried to test the push notification using an aws ec2 instance and a domain with ssl certificates, but the push notification doesn't arrive... Printing the notification response looks ok, so it's not clear what's stopping the notification from arriving. I have tried with Chrome, Safari and Firefox. My server side stack is ubuntu 22 / apache2 / php 8.1. Do you have any idea? Thanks

Hi Beni, assuming I host my PHP app on Digital Ocean or a Shared Server, can the push notifications still work. Thank you

Will these notifications be displayed on the mobile? At least with the browser in the background. Thanks!

Hi Beni, please how do I position the notification at the bottom right of the screen when the browser is closed or not

Can we do this without domain and hosting for only personal use?? And If I close my browser so after than we get notification or not ??

Hi Ben, how do I do with SSE server in Node.js, and PHP pages (pre-render) consumes this SSE events. I wrote few snippets but its not working in onmessage. Help appreciated. Thanks.

What should I put after the word send in link? server kay from fairbase messaging token?

problem: I m stuck with the file send.php about [reason:protected] =>curl error 60, is there a issue to solve it easily

if my project use php v 7.4, what it is work ?

7:03 I cliked push button. but it is not showing popup. Why?

is this also function in mobile devices?

It will work in localhost?

First of all, I would like to thank you for this wonderful content. Please help me. I am a beginner First, I had problems when generating the key, so I used the same keys that you used, I mean the keys that we generate with php, does this affect? This is the error Fatal error: Uncaught RuntimeException: Unable to create the key in D:\xampp\htdocs\testno\vendor\web-token\jwt-core\Util\ECKey.php:98 Stack trace: #0 D:\xampp\htdocs\ testno\vendor\web-token\jwt-core\Util\ECKey.php(72): Jose\Component\Core\Util\ECKey::createECKeyUsingOpenSSL('P-256') #1 D:\xampp\htdocs\testno \vendor\web-token\jwt-key-mgmt\JWKFactory.php(69): Jose\Component\Core\Util\ECKey::createECKey('P-256', Array) #2 D:\xampp\htdocs\ testno\vendor\minishlink\web-push\src\VAPID.php(165): Jose\Component\KeyManagement\JWKFactory::createECKey('P-256') #3 D:\xampp\htdocs\testno\VAPID.php (6): Minishlink\WebPush\VAPID::createVapidKeys() #4 {main} thrown in D:\xampp\htdocs\testno\vendor\web-token\jwt-core\Util\ECKey.php on line 98 .. ..... My second question is the value here, where should I get it from? For information, I am a Firebase subscriber I mean the value in the link... $report = $webPush->sendOneNotification( Subscription::create(json_decode('{"endpoint":"fcm.googleapis.com/fcm/send/eOmO_2Z-nHA:APA91bHDoFG8hTpuf11C9t_rVP2IOIOcpDimDLF06DYI9NtRPnQlpRN89KeLP2rl6w8C7WryiEPzkCg3XBwQxm hfL36JNMKGdtNSwd4UegS-7sByuGlYjg6FubHASYrrHVcTfefZaV9W","expirationTime":null,"keys":{"p256dh ":"BNBaksmindsZK9u_mghq-Omb1_9bN-hJVP8KjLWB6mlHPf_R3JLmyd-0LwYBGErAjItB2Pex6bAKYFFR_gDdYpo","auth":"H9M9HgHX4a3xmcChKQNWFA"}}',true)) , '{"title":"Hi from php" , "body":"php is amazing!" , "url":"./?message=123"}', ['TTL' => 5000]); print_r($report);