Невозможно отследить добавление pwa на домашний экран - PullRequest
Новая
       5

Невозможно отследить добавление pwa на домашний экран

0 голосов
/ 25 декабря 2018

Я создал файл рабочего сервиса и файл манифеста и зарегистрировал файл рабочего сервиса в моем файле index.html.Я хочу отследить, сколько пользователей видят «Добавить на главный экран» и сколько пользователей нажимают «Добавить на главный экран».МОЯ заявка соответствует всем критериям pwa.Я использовал событие beforeinstallprompt в служебном файле, но оно не срабатывает, когда отображается сообщение «Добавить на главный экран».

Мой код работника службы указан ниже. 

var doCache = true;
var version = 481;
// Name our cache
var CACHE_NAME = 'health-cache-v='+version;
var filesToCache = [
'index.html'
];

let deferredPrompt;

self.addEventListener('beforeinstallprompt', (event) => { 
 onsole.log('add to home screen popup show'); 
event.userChoice.then(choiceResult => {
if (choiceResult.outcome === 'accepted') {
    console.log('User accepted the add to home screen popup'); 
  } else {
    console.log('User dismissed the add to home screen popup');

  }     
});
});


// Delete old caches that are not our current one!
self.addEventListener("activate", event => {
  const cacheWhitelist = [CACHE_NAME];
event.waitUntil(
  caches.keys()
    .then(keyList =>
      Promise.all(keyList.map(key => {
      if (!cacheWhitelist.includes(key)) {
        console.log('Deleting cache: ' + key)
        return caches.delete(key);
      }
    }))
   )
  );
 });


 self.addEventListener('install', function(event) {
 if (doCache) {
   event.waitUntil(
    caches.open(CACHE_NAME)
      .then(function(cache) {       
        cache.addAll(filesToCache);         
          console.log('cached');
    })
   );
  }
 });

 self.addEventListener('fetch', function(event) { 
  if (doCache) {         
    event.respondWith(
      caches.match(event.request).then(function(response) {
          return response || fetch(event.request);
      })
    );
   }
  });

1 Ответ

0 голосов
/ 25 декабря 2018

Добавьте приведенный ниже код, чтобы проверить наличие приглашения Windows по умолчанию, затем запретите это приглашение по умолчанию и вызовите это событие, когда захотите. 

var deferredPrompt; // to store event

// check for windows default prompt and preventing it 
window.addEventListener('beforeinstallprompt',(event)=>{

  console.log('Default a2hs triggered' ,event);
  // here preventing default prompt
  event.preventDefault();
  // storing that event
  deferredPrompt = event;
  return false;
})


// now lets says you want to trigger it when addToHomeScreen() invokes as 
button.addEventListener('click', addToHomeScreen());

function addToHomeScreen() {
  addToHomeScreen.style.display = 'block';
  if (deferredPrompt) {
  // here prompting that event
    deferredPrompt.prompt();  // --> you missed this code

    deferredPrompt.userChoice.then(function(choiceResult) {
      console.log(choiceResult.outcome);

      if (choiceResult.outcome === 'dismissed') {
        console.log('User cancelled installation');
      } else {
        console.log('User added to home screen');
      }
    });

    deferredPrompt = null;
  }

Надеюсь, это поможет.

...