Push-notification with Quasar and FCM

[artenesama]

hello, I am new to hybrid mobile development and I am considering to use Quasar in a project. I’d like to know how can I integrate a push-notification service like FCM with vuejs and Quasar?

[JCharante]

FCM also has a library for the Web, have you tried this? I don’t see why using it with Vue.js would be any different than VanillaJS

[spectrolite]

quasar will not get in your way
depending on your endgame platform, you may want to go for a cordova plugin right away

If your target is mobile (iOS or android), take a look at this https://github.com/fechanique/cordova-plugin-fcm
If you target the web, you should be ok with just the FCM Javascript SDK and this example will help you:
https://github.com/invokemedia/vue-push-notification-example

[felixis]

Hello, I tried using the cordova-plugin-fcm but kept getting an FCMPlugin not defined error while building quasar. I am unable to understand as to how to import this library in my quasar project. Can somebody help me with this?

[rafaelbtz]

Edit .eslintrc.js file and add ‘FCMPlugin’: true, in global list, result:
globals: {
‘cordova’: true,
‘FCMPlugin’: true,
‘DEV’: true,
‘PROD’: true,
‘__THEME’: true
},

[D3myon]

@rafaelbtz said in Push-notification with Quasar and FCM:

Edit .eslintrc.js file and add ‘FCMPlugin’: true, in global list, result:
globals: {
‘cordova’: true,
‘FCMPlugin’: true,
‘DEV’: true,
‘PROD’: true,
‘__THEME’: true
},

Hi,

I’ve got the same problem as @felixis. This one did not work for me.
I only find information about how to get the cordova-plugin-fcm installed, but there is no information about how to import the FCMPlugin into the Quasar-App.

Of course, there are information about the pure usage. But somehow, I need to get the plugin inside my app code.

[eder.blinga]

To send push message, I use https://onesignal.com/ is very simple and practical. And it contains all the instructions for configuring

[D3myon]

I will take a look. Thank you.

[ak22]

@felixis I know this is old but I was getting this error as well, the fix was simple, access the FCMPlugin through the window as in window.FCMPlugin.

[BugFixer]

Hello Every one I would like to know how to use the capacitor pushnotification with quasar. Thank you