Firebase push notification for web using JavaScript and PHP | Firebase Cloud Messaging

Hi, this video is all about using Firebase push notifications for websites with JavaScript and PHP. If you know nothing about Firebase or web push notifications then you don't need to worry because here you will learn everything from start to end. Here, we will create a Firebase project and then create an app for the notifications in the Firebase project in completely free. We will enable cloud messaging API and will get our server key. We will also create a web push notification certificate that will use on the client side to generate device tokens. Everything is done step by step so don't miss any step to learn everything about Firebase push notifications. I hope this video will definitely help you in this regard. Still, if you have issues with this topic then comment below or contact us on FB.

Note: Read the blog to learn about Web Push Notification using the latest method. The method in the video will depreciate soon. The source code and live demo are also available in the blog.

Firebase in javascript on web

Chapters:
1:12 Demo
0:53 Creating Firebase Project
2:27 Start Coding JS
5:40 Sending Notification using Firebase Console
11:39 Creating Custom Backend in PHP for sending Notifications
16:39 Test on multiple devices with Live Server

––––––––––––––––––––––––––––––
Creative Commons — Attribution 3.0 Unported — CC BY 3.0
––––––––––––––––––––––––––––––

[hacodes]

Note: Read the blog to learn about Web Push Notification using the latest method. The method in the video will depreciate soon. The source code and live demo are also available in the blog.

[gfleywc]

Excelente, me ayudo muchísimo tu video, te agradezco, espero sigas haciendo videos como estos.

[rubenrios]

Excellent! Just what i need it, thanks

[Pritam-saha]

Awesome video and and very good website clean and direct download the code, thnq

[remomuthu]

I have added the image is not displayed on ubundu chrome ?

[facundoterrens]

Hello! I cant send notifications for IOS devices, but I can't send them, I never show the "allow notifications" message

[nukihzy]

what's about fcm v1 api? How can i receive notification on browser?

[Happy]

Can i used for web push notifications for blogger platform?

[WINTORABC]

Tiene un límite de suscriptores en notificaciones push?

[Jay_domain_hub]

Is it possible to send message to multiple recipients phone number?

[johannbogota]

Hello, I've been doing some test with firebase push notification, and I've found some problems with google chrome, could you validate if you only have the same problem with this browser? because I did the test with edge and mozible and the notification works, but I'm not sure why in chrome not works

[Bauroziq]

notificationclick doesn't lead anywhere in workers, what's the problem?

[wz]

Hi I want to ask, now the notification will get when browser is open right? If we close the browser it's same emthod? because I try my side no receive any notification when close the browser.

[zotewci]

Sir, If online can not be used. Btw im using byethost (free hosting)

[divtech]

Can i modify the code depending in my database to notify the user if there is a new data

[rainydaytuness]

does it can make notification like facebook or youtube inside web, not notification of browser

[USTechnology]

how can i schedule the notification at some time it will automatically send

[sudgupta]

manual thodi koi token dale ga code me

[CopyCatMaster]

this method is not working anymore. Do u know how to do it with the new method?

[Pritam-saha]

WHat is YOUR_SERVER_ENDPOINT? please explain