Токен push-уведомлений Firebase не получен - PullRequest
Новая
       44

Токен push-уведомлений Firebase не получен

0 голосов
/ 16 марта 2019

Я разработчик iOS, а не php, я использую push-уведомления Firebase для отправки и получения в сети.Я использую xampp и php.Для этого я следовал этому уроку https://www.itwonders -web.com / blog / push-messages-using-firebase-demo-tutorial .Здесь я создал страницу index1.html и поместил ее в папку myphp , затем создал файл firebase-messaging-sw.js и поместил в ту же папку.Я получаю предупреждение о разрешении, но токен нулевой.

См. Скриншот ниже, это мой вывод.

enter image description here

На самом деле здесьЯ использую локальный хост xampp, обязательно ли запускать на веб-сайте для получения токена?

( Мой URL: http://192.168.64.2/myphp/)

Мой код

На самом деле имя страницы index.html не получает оповещения, поэтому я заменил имя страницы index1.html, поэтому я не знаю, что там не отображаются файлы.

index1.html

<html>
<title>Firebase Messaging Demo</title>
<style>
div {
    margin-bottom: 15px;
}
</style>
<body>
<div id="token"></div>
<div id="msg"></div>
<div id="notis"></div>
<div id="err"></div>
<script src="https://www.gstatic.com/firebasejs/5.9.0/firebase.js"></script>
<script>
    MsgElem = document.getElementById("msg")
    TokenElem = document.getElementById("token")
    NotisElem = document.getElementById("notis")
    ErrElem = document.getElementById("err")
    // Initialize Firebase
    // TODO: Replace with your project's customized code snippet
    var config = {
        apiKey: "AIza********yMSEK3PM",
        authDomain: "myf*********ject.firebaseapp.com",
        databaseURL: "https://myf*********ject.firebaseio.com",
        projectId: "myf******ject",
        storageBucket: "myf********ject.appspot.com",
        messagingSenderId: "67********7"
    };
    firebase.initializeApp(config);

    const messaging = firebase.messaging();
    messaging
        .requestPermission()
        .then(function () {
            MsgElem.innerHTML = "Notification permission granted." 
            console.log("Notification permission granted.");

            // get the token in the form of promise
            return messaging.getToken()
        })
        .then(function(token) {
            TokenElem.innerHTML = "token is : " + token
        })
        .catch(function (err) {
            ErrElem.innerHTML =  ErrElem.innerHTML + "; " + err
            console.log("Unable to get permission to notify.", err);
        });

    messaging.onMessage(function(payload) {
        console.log("Message received. ", payload);
        NotisElem.innerHTML = NotisElem.innerHTML + JSON.stringify(payload) 
    });
</script>

<body>
</body>

firebase-messaging-sw.js 

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

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

// Retrieve an instance of Firebase Messaging so that it can handle background
// messages.
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: '/itwonders-web-logo.png'
                                  };

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

если возможно, отправьте подробную ссылку на учебное пособие для Firebase Web Pushуведомления.

1 Ответ

1 голос
/ 19 марта 2019

Я также столкнулся с той же проблемой и мог ее решить, переместив файл рабочего сервиса в папку htdocs, т.е. в корневую папку

...