firebase_cloud_messaging_interop 1.0.0 copy "firebase_cloud_messaging_interop: ^1.0.0" to clipboard
firebase_cloud_messaging_interop: ^1.0.0 copied to clipboard

outdated

A dart plugin allowing you to retrieve the firebase token of the client and to send push notification (via firebase).

Introduction #

An interop of the Firebase Cloud Messaging solution (JS) in dart.

  • You can retrieve the client's firebase token.
  • You can send push notification through Firebase.

Setup #

For more information on how to setup FCM on the web: https://firebase.google.com/docs/cloud-messaging/js/client

{
  "gcm_sender_id": "SENDER_ID",
}
  • You need to add firebase-app and firebase-messaging to your web app.
<html>
<head>
...
<script src="https://www.gstatic.com/firebasejs/6.2.0/firebase-app.js"></script>
    <script src="https://www.gstatic.com/firebasejs/6.2.0/firebase-messaging.js"></script>

    <script>
        var firebaseConfig = {
            apiKey: "your-api-key",
            authDomain: "PROJECT_NAME.firebaseapp.com",
            databaseURL: "https://PROJECT_NAME.firebaseio.com", 
            projectId: "PROJECT_NAME",
            storageBucket: "PROJECT_NAME.appspot.com",
            messagingSenderId: "MESSAGING_SENDER_ID",
            appId: "APP_ID"
        };
        // Initialize Firebase
        firebase.initializeApp(firebaseConfig); 
    </script>
    </head>
  • You need to create a file named 'firebase-messaging-sw.js' (Just create an empty file if you do ot want notification when your web app is closed)
importScripts('https://www.gstatic.com/firebasejs/6.2.0/firebase-app.js');
importScripts('https://www.gstatic.com/firebasejs/6.2.0/firebase-messaging.js');

// Initialize the Firebase app in the service worker by passing in the
// messagingSenderId.
firebase.initializeApp({
    'messagingSenderId': 'SENDER_ID'
});

// Retrieve an instance of Firebase Messaging so that it can handle background
// messages.
const messaging = firebase.messaging();

Usage #

A simple usage example:

import 'package:firebase_cloud_messaging_interop/firebase_cloud_messaging_interop.dart';

main() {
 Messaging messaging = firebase.messaging();

  messaging.usePublicVapidKey("YOUR_VAPID_KEY");

  /// Ask for permission to send notification
  Notification.requestPermission().then((permission) {
    if (permission == 'granted') {
      futureFromPromise(messaging.getToken().then((e) {
        /// SEND TOKEN TO THE BACKEND SERVER
      }));
    }
    else {
      /// User does'nt want notification :(
    }
  });
}

License #

Apache License 2.0 (link)

Features and bugs #

Please send feature requests and bugs to my mail address !

This is my first plugin so :D ...

16
likes
0
pub points
55%
popularity

Publisher

verified publishergaspardmerten.dev

A dart plugin allowing you to retrieve the firebase token of the client and to send push notification (via firebase).

Repository (GitHub)
View/report issues

License

unknown (LICENSE)

Dependencies

js

More

Packages that depend on firebase_cloud_messaging_interop