How to send firebase push notification in React| React push Notification |Firebase push notification

[@Hugomarangao-td8ep]

Thank you so much for this video, it really help me to solve the problem in my project!!!!!

[@greykrav1869]

I forked the repo, followed his tutorial exactly. no browser notification was shown. it did not work.

[@dinysanchez]

You using chrome? You can try to check if you have turned on notification for chrome.

[@nagendrasuryawanshi4100]

Got Error : DOMException: Failed to execute 'importScripts'

[@Hugomarangao-td8ep]

The notifications are arriving correctly but when you click on them instead of opening my site it opens a blanck page how do I solve this?

[@faustinomaggioniduffy3045]

It´s necessary to do a class component?

[@anupkaushik9370]

Is this notification popups every time the user browse the website ?

[@kshitijverma332]

How do I get a notification when a change happens in Firestore?

[@ahmedmahboub2199]

7:30 where this 2 lines came from

[@Avijit470]

you can go through description. source code is there

[@MaximM999]

Firebase is easy, and it will not work in Safari, try implementing Apple push notifications xD

[@mahlasurya]

How can we use this in production so that we can send push notifications to all devices where our Web site is running?

[@davidaxelgonzalezflores3536]

Same question, this works for development but not for production

[@JuanManuelJuradoRubik]

@@davidaxelgonzalezflores3536 Could you solve it?

[@BaneZr994]

Hello it seems that when i do yarn add firebase, i don't get a firebase route from which to import firebase, i can only install from firebase/app

[@easylearnfrench]

it is not working for me. console log show me error

[@sagarghosh3434]

wil this token remain same or will b changed after reload ?

[@hakanaki]

How do you programmatically send the notification. Say from the backend

[@AVDojo]

You can setup firebase admin in your backend application

[@rafaelalvescardoso1233]

Doesn't work on ios devices?

[@react.dev.28]

source code ?

[@easylearnfrench]

can anybody helps me with the code? I did the same but it catches error
import React, { Component } from "react";
import firebase from "./firebase";
export default class App extends Component {
constructor(props) {
super(props);
this.state = {};
}
componentDidMount() {
const messaging = firebase.messaging();
messaging
.requestPermission()
.then(() => {
return messaging.getToken();
})
.then((token) => {
console.warn("Token : ", token);
})
.catch(() => {
console.log("Error");
});
}
render() {
return this is my first fcm notification.;
}
}

[@anupkaushik9370]

Source code URL is fake

[@Aladinyo_93]

Registration failed - push service error I keep getting this error and everything is done correctly

[@AbhishekGanotra]

Not getting any notification dude ,followed exactly same thing

[@AbhishekGanotra]

But getting the token though

[@AVDojo]

The probably notification is turned off in your browser

[@AbhishekGanotra]

@@AVDojo No the notifications are allowed but not getting ??

[@AbhishekGanotra]

It's working but it's not apt to receive token everytime and put in firebase console manually , can you tell how after receiving the token we can automatically send it from our react app and the only thing then we need to do is send push notifications from the console

[@poopin8064]

@@AbhishekGanotra i am not receiving notification too, though i am getting token. (sorry it has been 1 year since you comment)

[@akhilharwadekar5009]

can u make a similar video on Quasar?

[@tvkiduniya6685]

Will this code work for react native?

[@poopin8064]

Notifications are not coming to my website

[@hungry_traveller31]

Bro ek live MERN STACK p project sikha do

[@hungry_traveller31]

Yes or no bro?? Krwaoge

[@jindev4901]

Great Tutorial. How can I create notification on click?

[@AVDojo]

you've to handle it differently. You need to make one Admin app to send notification

[@jindev4901]

How can I create admin page?

[@AVDojo]

You can check this one out rharshad.com/web-push-notifications-react-firebase/

[@jindev4901]

@@AVDojo Great!

[@juhisingh4442]

it show error in firebase

[@timelapse5687]

Recommended

[@bumuthudilshan5395]

Will this work in react native?

[@AVDojo]

ofcourse

[@movilui7060]

works for ios
?

[@rezaandriansyah279]

thanks bro..

[@viczking8520]

didn't work

[@AVDojo]

You're doing something wrong

[@viczking8520]

@@AVDojo I got the message that Oauth token was not authenticated or sth

[@DaliborHomola]

Thanks for the instructions, but I also get a token in the console, but I don't get notifications. I did everything right from the video, I have also turn on notifications... Any update how to fix? Anyone :)

[@eliyagervas8680]

Possibly notification goes to Windows action center, you can. Check on bottom toolbar right-end side

[@swetabose66]

👌

[@reksmeymom1428]

I got console print error

[@AVDojo]

mention the exact error

[@reksmeymom1428]

@@AVDojo I can't get the token, the code execute in catch block and got error message

[@easylearnfrench]

@@reksmeymom1428 me too

[@mdnazmulhossain1100]

importScripts(`htt
ps://www.gstatic.com/configjs/7.13.2/firebase-firebasePushNotification.js`)
where you get this url .please tell me

[@anupkaushik9370]

fake url

[@minhthongvo5989]

Thank you so much for this video, it really help me to solve the problem in my project!!!!!