Date and Time: Make sure your computer’s date and time are set correctly. Firewall: Check your firewall settings to make sure they’re not blocking anything. Proxy: If you’re using a proxy, make sure it’s set up correctly.

I think the issue might be because in the video I used a custom service worker that is only for receiving push notifications. To receive messages using the onMessage function when the web application is in the foreground, you need to use Firebase's default service worker. Clear the content of sw.js file completely and replace it with this (don't forget to clear cache): importScripts('www.gstatic.com/firebasejs/8.10.1/firebase-app.js'); importScripts('www.gstatic.com/firebasejs/8.10.1/firebase-messaging.js'); firebase.initializeApp({ apiKey: 'your-api-key', authDomain: 'your-project-id.firebaseapp.com', projectId: 'your-project-id', storageBucket: 'your-project-id.appspot.com', messagingSenderId: 'yoursender-id', appId: 'your-app-id', measurementId: 'your-G-measurement-id', }); const messaging = firebase.messaging(); source: firebase.google.com/docs/cloud-messaging/js/receive#web_5

@@benixal Yes I checked after. Thanks for the reply and its a great video.

Hi, you don't need Composer on your CPanel. You just need PHP. You can install the dependencies locally, compress your PHP files (including the vendor folder), and upload them to your server.

You're welcome! I'm glad you found it helpful.

Thank you for your kind words! I'm glad to hear the video helped you.

Thanks for your comment! Glad it helped!

Thank you so much! I'm glad I could help and thanks for subscribing!

Thanks for your comment! You're welcome!

Thanks for your comment Adolfo , I'm glad the video helped! 🙏

Yes, you can use the token received by the "onNewToken" method in your Android app to send push notifications (using PHP) to that device. firebase.google.com/docs/cloud-messaging/android/client#monitor-token-generation

Thank you so much! I'm glad the video helped you. More Vue.js + Firebase content is on the way, so stay tuned! 🚀

thanks for your comment, bro! I'll look into it and make a video on this soon.

You're welcome, thanks for your comment, Notifications will be received if the browser is fouced or in the background, (even if your webpage is not opened). On mobile devices: browsers are usually running in the background, so notifications will usually be received. However, on desktops, if the user completely closes the browser, notifications won't be received and they'll receive them immediately upon reopening the browser (there's no need to open your website, just run the browser)

You're welcome, Glad I could help, thanks for your comment.

@@benixalI tried your HTML code, just replace the firebaseConfig and vapidKey with my project info but the localhost does not receive any notification. Do you know what is the potential problem or I need to deploy the code to a HTTPS domain? Thank you for your help.

It worked for me now. Your code's just fine, the problem is the system notifications was disabled by the fault for all apps including Google Chrome in MacOS. It takes a day to figure out :(

Glad to hear it's working for you now! 😃👏 sometimes system settings can be a bit of a struggle. Thanks for updating.

@@hieunguyen8952 When I tried on a http domain I got an error in the browser console (FirebaseError: Messaging: This browser doesn't support the API's required to use the Firebase SDK. When I checked on a https domain, everything worked fine

Thanks for your comment! , Glad it was helpful! I haven't tried Firebase Multicast yet, but I know you can send messages to topics: `message": { "topic": "matchday", "notification": { "title": "Background Message Title", "body": "Background message body" ....` firebase.google.com/docs/cloud-messaging/js/send-multiple?hl=en&authuser=0#handle_messages_when_your_web_app_is_in_the_background and as far as I understand, for (web/javascript) you need to subscribe each token to a topic by using this api: `iid.googleapis.com` I will try, and if successful, I'll create a video about it.

@@benixal Thanks for the feedback. Can't wait for the upcoming video 🙌🏻

Could you clarify the specific error you're seeing when using showNotification in chrome ?

I also had problems on chrome but after I updated it the problem disappeared

@@benixal I received a real-time notification object but it's not displayed on the browser. There is no error shown in the browser console.

You're welcome! 😊 Glad to hear it helped!

I would really like to know this too

@@alexnikolas4937 I found a way to that but in my code that I wrote I sent curl request to each token. I want to know if I can send notification to multiple token with only one curl request or not? If you find a way share with me

The error 'Unable to create the key in ....\ECKey.php' is likely because OpenSSL isn't turned on. To fix this in XAMPP: Open the php.ini file. Look for ;extension=openssl. Take out the semicolon before it. Save and restart XAMPP. If you don't have OpenSSL, you can use a website to make VAPID keys. Just search "generate VAPID keys." But remember, this is mainly for practice, not real projects

@@benixal OpenSSL is enabledPHP Fatal error: Uncaught RuntimeException: Unable to create the key in C:\xampp\htdocs\push_notification\vendor\web-token\jwt-library\Core\Util\ECKey.php:98 Here is the another error

Thanks for reaching out. The "$credential->fetchAuthToken" method generates an access_token, not an id_token. Could you clarify where you expected to get the ID token from?

Glad you enjoyed it! Thanks for the kind words!