Vue send push notification with Firebase

see how to send push notification to browser with Firebase cloud messaging or FCM in Vue js

00:00:09 create Firebase project
00:00:33 create a web app in Firebase console
00:00:43 create new Vue app
00:02:24 getToken
00:03:12 get VAPID KEY
00:04:04 service worker
00:04:44 get message in forground
00:05:16 setup service worker
00:07:35 send test message
00:09:13 send notifications from server

[ablegreimerguzmanperez]

Salvaste mi vida, mi carrera universitaria, todo viejo... MUCHAS GRACIAS!!!

[tyresewatchthis]

Bro you have no idea how much you helped me. Thanks a lot, I subscribed, please make more Vue.js + Firebase videos

[kennyjeancarloarevaloreyes]

The notifications in the foreground and according to the plan only reach me through the console, everything is fine, but the notification window is not shown and when I close the page the sale does not appear, what is the reason?

[gapboi]

Thank you so much! I've watched many videos and could not understand how to do this with firebase's docs

[chill-hot-stream]

nice tutorial it helped me today with nuxt3 integration

[kaliloteixeira]

Does it works in PWA's? Using VUE 2.

[hieuNguyen-omsg]

thank you so much for the guide, i got it to work the same as you at 9:15 but my project uses laravel as back-end so is there a code or place you know that i can read up on how to set up on that side ? im using axios to connect between the two, the firebase setting does not have code for php it would seems

[bryancan]

This is great, thanks. Now what if I want to use Capacitor to turn this Vue.js app into an ios/android mobile app?
Will it just work, or is there an entirely different process?

[MrBoXon]

Thank you, finally managed to get this to work! Is there any way to toggle a "Heads up" notification on Android devices? I can see it in my notification center, but currently it doesnt generate a popup notification or show on lock screen. Any idea? :)

[PkStarstormAlfa]

background notifications aren't showing up, I get the console log when I focus the page, but no notification popup

[Mewain]

The notification doesn't seems to be received on ios. (standalone/fullscreen mode)
Do you know why ?

[muhammadalbab]

do you know why this method only works on chrome? i tested on safari and firefox they both don't work

[moali]

hi
is it safe to put the file in public where the file has the FCM keys?

[LoVe-iurd]

Is target tocken is for only one user or all users ?

[hungha]

Hi, thank for your share - thank you very much, i did it, but i have one question, if i standing at localhost web then send noti, i cant get noti instead firebase-admin already push, buts if i go to other url then i get noti, Did i do something wrong ? Many thank you