Firebase Cloud Messaging requireInteraction не работает

Question

Код: https://github.com/firebase/quickstart-js/tree/master/messaging

я добавил пару ключ-значение:

"requireInteraction": true 

Но уведомление рабочего стола Chrome еще исчезнет через 20 секунд. Кто-нибудь знает, поддерживает ли Firebase эту пару ключ-значение? Благодаря!

Мой пример ниже. Пожалуйста, измените [...] на свой.

curl -X POST -H "Authorization: key=[...]" -H "Content-Type: application/json" -d '{ 
    "notification": { 
    "requireInteraction": true,  
    "title": "This is custom title", 
    "body": "this is custom body", 
    "click_action": "https://google.com", 
    "data" : {"requireInteraction": true } 
}, 
    "to": "[...]", 
}' "https://fcm.googleapis.com/fcm/send" 

Answer 1

Firebase раздевает requireInteraction свойства от notification полезной нагрузки, когда сообщение будет доставлено. Обходной путь, который работает, заключается в использовании свойства data вместо notification. После этого вы можете использовать метод setBackgroundMessageHandler() построить уведомление, как вы хотите, чтобы это было:

messaging.setBackgroundMessageHandler(function (payload) { 
    return self.registration.showNotification(payload.data.title, 
     Object.assign({data: payload.data}, payload.data)); 
}); 

Я никогда установить data выше, потому что click_action больше не работает с этим подходом, и вам нужно зарегистрировать нужный обработчик OnClick сам. Вот рабочая служба работника, который делает именно то, что вы собираетесь с набором notification, но использует свойство данных вместо:

// import scripts omitted 

const messaging = firebase.messaging(); 
// [END initialize_firebase_in_sw] 

self.addEventListener('notificationclick', e => { 
    let found = false; 
    let f = clients.matchAll({ 
     includeUncontrolled: true, 
     type: 'window' 
    }) 
     .then(function (clientList) { 
      for (let i = 0; i < clientList.length; i ++) { 
       if (clientList[i].url === e.notification.data.click_action) { 
        // We already have a window to use, focus it. 
        found = true; 
        clientList[i].focus(); 
        break; 
       } 
      } 
      if (! found) { 
       clients.openWindow(e.notification.data.click_action).then(function (windowClient) {}); 
      } 
     }); 
    e.notification.close(); 
    e.waitUntil(f); 
}); 

// [START background_handler] 
messaging.setBackgroundMessageHandler(function (payload) { 
    console.log('[firebase-messaging-sw.js] Received background message ', payload); 
    // Customize notification here 

    return self.registration.showNotification(payload.data.title, 
     Object.assign({data: payload.data}, payload.data)); 

}); 
// [END background_handler] 

Где это будет ваш локон вызова:

curl -X POST -H "Authorization: key=yourKey-" -H "Content-Type: application/json" -d '{ 
"data": { 
    "title": "fooTitle", 
    "body": "foo", 
    "icon": "image.jpg", 
    "click_action": "http://localhost:8000", 
    "requireInteraction": true 
    }, 
    "registration_ids": ["id1", "id2"] 
}' "https://fcm.googleapis.com/fcm/send"