Notyfikacje Push nie działają na android, nie da sie zrobic 'enable'

0

Ponizszy kod pyta uzytkownika o zgode na dostawanie powiadomien. Po odpowiedzi twierdzacej wysyła objekt subscription do endpointa który zapisuje objekt w bazie, jezeli nie ma w niej takiego obiektu.

function ask() {
const publicVapidKey = 'BIDzYuSnEsuZo3XU5jdB6avGVODC4wIqB62PpGWCDm5V4fEiBDUg-xnDx0EiKGfODz7NXbCRiLfSrfXNz_XAOVU';

if ('serviceWorker' in navigator) {
  console.log('Registering service worker');

  run().catch(error => console.error(error));
}

async function run() {
  console.log('Registering service worker');
  const registration = await navigator.serviceWorker.
    register('/worker.js', {scope: '/'});
  console.log('Registered service worker');

  console.log('Registering push');
  const subscription = await registration.pushManager.
    subscribe({
      userVisibleOnly: true,
      applicationServerKey: urlBase64ToUint8Array(publicVapidKey)
    });
  console.log('Registered push');

  await fetch('/subscribe', {
    method: 'POST',
    body: JSON.stringify(subscription),
    headers: {
      'content-type': 'application/json'
    }
  });
}


function urlBase64ToUint8Array(base64String) {
  const padding = '='.repeat((4 - base64String.length % 4) % 4);
  const base64 = (base64String + padding)
    .replace(/\-/g, '+')
    .replace(/_/g, '/');

  const rawData = window.atob(base64);
  const outputArray = new Uint8Array(rawData.length);

  for (let i = 0; i < rawData.length; ++i) {
    outputArray[i] = rawData.charCodeAt(i);
  }
  return outputArray;
}
}

Tu jest prosty HTML zawierajacy przycisk uruchamiajacy program wyzej

<html>
  <head>
    <title>Push Demo</title>
    <link rel="manifest" href="/manifest.json">
    <script type="application/javascript" src="/client.js"></script>
  </head>

  <body>
    Service Worker Demo
    <button onClick="ask()">Enable push</button>
  </body>
</html>

manifest.json to plik zawierajacy miedzy innymi klucz firebase "gcm_sender_key".

A tu kod endpointa, to mniej wazne

app.post('/subscribe', (req, res) => {
  const subscription = req.body;
  const doesExist = db.get("subscriptions").find(subscription).value()
  if(typeof(doesExist)==='undefined') {
    console.log("NEW SUB ADDED: ",subscription)
    db.get("subscriptions").push(subscription).write()
  }
  res.status(201).json({});
});

Ten proces dziala dobrze na kazdej desktopowej przegladarce jaka sprawdzalam, za to nie dziala z zadna Androidową. Na android wchodze na ta strone index.html, klikam przycisk... I nic nie nastepuje, nie dostaje pytania "Enable push notification", ani nowy obiekt nie zostaje zapisany do bazy. Słyszalam o chrome dev tools, ale nie dziala to z telefonem do jakiego mam dostep, tzn uruchomilam tryb programisty na androidzie, i tryb debugowania usb, ale po podlaczeniu telefonu do komputera strona chrome://inspect/#devices nie wykrywa telefonu. Oslabia mnie to wszystko, ktos moze mial podobny problem jesli chodzi o wysylanie powiadomien na telefony?

0

po ustawieniu https działa na firefox dla android, nadal nie dziala dla chrome dla android

1 użytkowników online, w tym zalogowanych: 0, gości: 1