# Google Firebase Notification

{% hint style="info" %}

<pre data-overflow="wrap"><code>You'll need to import the javascript file in your website before starting from this <a data-footnote-ref href="#user-content-fn-1">link</a>.
</code></pre>

{% endhint %}

1\) To Retrive FCM Token

{% tabs %}
{% tab title="Plain JS" %}

```markup
const { Messaging: FirebaseMessaging } = window.WTN.Firebase

FirebaseMessaging.getFCMToken({
    callback:function(data){
        //data.token contains fcm token
        //store it in your backend to send notification
    }
})

```

{% endtab %}

{% tab title="ES 6+" %}

```
import { getFCMToken } from "webtonative/Firebase/Messaging"

getFCMToken({
    callback:function(data){
        //data.token contains fcm token
        //store it in your backend to send notification
    }
})

```

{% endtab %}
{% endtabs %}

2\) To Subscribe to particular topic

{% tabs %}
{% tab title="Plain JS" %}

```markup
const { Messaging: FirebaseMessaging } = window.WTN.Firebase

FirebaseMessaging.subscribe({
    toTopic: "Your Topic Name"
})

```

{% endtab %}

{% tab title="ES 6+" %}

```
import { subscribe } from "webtonative/Firebase/Messaging"

subscribe({
    toTopic: "Your Topic Name"
})

```

{% endtab %}
{% endtabs %}

3\) To Unsubscribe from particular topic

{% tabs %}
{% tab title="Plain JS" %}

```markup
const { Messaging: FirebaseMessaging } = window.WTN.Firebase

FirebaseMessaging.unsubscribe({
    fromTopic: "Your Topic Name"
})

```

{% endtab %}

{% tab title="ES 6+" %}

```
import { unsubscribe } from "webtonative/Firebase/Messaging"

unsubscribe({
    fromTopic: "Your Topic Name"
})

```

{% endtab %}
{% endtabs %}

> In order to specify the desired URL that will be accessed upon clicking the notification, it is necessary to pass the corresponding URL through the "**deepLink**" key.

[^1]: <https://docs.webtonative.com/javascript-apis/getting-started>