Giter Club home page Giter Club logo

Comments (4)

kroikie avatar kroikie commented on July 2, 2024

From @anevaude on May 2, 2017 14:46

I am also having this issue. This comes up on Step 9 of the tutorial, right after you ask the user to accept notifications.
As a user, I receive the request to Get Notifications and hit Accept. Afterwards, the console reads:

A bad HTTP response code (404) was received when fetching the script. :5001/__/firebase/3.8.0/firebase-app.js 

Failed to load resource: net::ERR_INVALID_RESPONSE firebase-messaging-sw.js:1 

Uncaught [object DOMException] (anonymous) @ firebase-messaging-sw.js:1
main.js:237 

Unable to get messaging token. e {code: "messaging/failed-serviceworker-registration", message: "Messaging: We are unable to register the default s…ed (messaging/failed-serviceworker-registration).", 

browserErrorMessage: "Failed to register a ServiceWorker: ServiceWorker script evaluation failed", stack: "FirebaseError: Messaging: We are unable to registe….gstatic.com/firebasejs/3.8.0/firebase.js:544:225"}
(anonymous) @ main.js:237

from codelab-friendlychat-android.

kroikie avatar kroikie commented on July 2, 2024

From @surazzarus on May 18, 2017 13:0

I am having the same problem. Could anyone find the solution for this? Thanks

from codelab-friendlychat-android.

kroikie avatar kroikie commented on July 2, 2024

From @Krupen on June 8, 2017 7:15

After spending lot of time, I found a solution. This is something that they din't put up in the documentation.

You need to add firebase-messaging-sw.js named file with following content to your root (/public) directory
`

importScripts('https://www.gstatic.com/firebasejs/4.1.1/firebase-app.js');
importScripts('https://www.gstatic.com/firebasejs/4.1.1/firebase-messaging.js');
importScripts('https://www.gstatic.com/firebasejs/4.1.1/firebase.js');


var config = {
    apiKey: "<APIKEY>",
    authDomain: "<PROJECTID>.firebaseapp.com",
    databaseURL: "https://<DATABASE NAME>.firebaseio.com",
    projectId: "<PROJECT ID>",
    storageBucket: "<PROJECT ID>.appspot.com",
    messagingSenderId: "<SENDER ID>"
};
firebase.initializeApp(config);
const messaging = firebase.messaging();

messaging.setBackgroundMessageHandler(function(payload) {
    console.log('[firebase-messaging-sw.js] Received background message ', payload);
    // Customize notification here
    const notificationTitle = 'Background Message Title';
    const notificationOptions = {
        body: 'Background Message body.',
        icon: '/firebase-logo.png'
    };

return self.registration.showNotification(notificationTitle,
    notificationOptions);
});

`

from codelab-friendlychat-android.

kroikie avatar kroikie commented on July 2, 2024

@MiloslavKrejza @anevaude @surazzarus @Krupen

The Firebase app must be initialized in both the index.html page and the service worker. If you are running the codelab on your local machine then you will have to initialize the Firebase app like @Krupen shows. However if you are using Firebase Hosting then you don't need to do the initialization yourself if you import the scripts as done in the codelab.

<script src="/__/firebase/4.1.3/firebase.js"></script>
<script src="/__/firebase/init.js"></script>

from codelab-friendlychat-android.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.