fcm
ionic-vue-push-notifications-demo
fcm | ionic-vue-push-notifications-demo | |
---|---|---|
3 | 1 | |
235 | 8 | |
2.6% | - | |
5.6 | 0.0 | |
3 months ago | almost 3 years ago | |
TypeScript | CSS | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
fcm
- Ionic
-
Push Notifications with Laravel, Ionic-Vue, and Firebase
Most of the setup has been completed so now we can dive into some code. First, let's setup Firebase with Ionic-Vue. To do this we're going to need the capacitor community fcm package which can be found here. Once you've installed the package you'll need to go into Xcode and inside your project click on the AppDelegate file and import firebase like so:
-
How to configure Firebase Push Notifications with Ionic & Vue.js
To begin, we need to install Capacitor Firebase Cloud Messaging plugin. You can do with a simple command: npm i @capacitor-community/fcm
ionic-vue-push-notifications-demo
-
How to configure Firebase Push Notifications with Ionic & Vue.js
Do you prefer to take a look at the code? Please see here. I have uploaded a demo application. Don't forget to upload your google-services.json and build & sync the code with Android Studio.
What are some alternatives?
react-native-notifee - Moved to https://github.com/invertase/notifee
quickstart-android - Firebase Quickstart Samples for Android
NativeScript - ⚡ Empowering JavaScript with native platform APIs. ✨ Best of all worlds (TypeScript, Swift, Objective C, Kotlin, Java). Use what you love ❤️ Angular, Capacitor, Ionic, React, Solid, Svelte, Vue with: iOS (UIKit, SwiftUI), Android (View, Jetpack Compose), Dart (Flutter) and you name it compatible.
kubenav - kubenav is the navigator for your Kubernetes clusters right in your pocket.
firebase-remote-config
ionic - A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript. [Moved to: https://github.com/ionic-team/ionic-framework]
laravel-firebase - A Laravel package for the Firebase PHP Admin SDK
Ionic Framework - A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
eas-2021 - Conference app for the Ionic Enterprise App Summit 2021.
Thud - Simple news reader that keeps the noise low.
trapeze - The mobile project configuration toolbox. Manage native iOS, Android, Ionic/Capacitor, React Native, and Flutter apps through a simple YAML format.