Dlaczego widzę komunikat "Błąd - dozwolony jest tylko bezpieczny początek" dla mojego pracownika serwisu?

Question

Kiedy próbuję dodać pracownika serwisu na mojej stronie internetowej progresywnej strony, dlaczego w konsoli przeglądarki występuje następujący błąd?

ERROR "Uncaught (in promise) DOMException: Only secure origins are allowed 

kod JS:

(function() { 
    'use strict'; 

    // TODO add service worker code here 
    if ('serviceWorker' in navigator) { 
     navigator.serviceWorker 
      .register('service-worker.js') 
      .then(function() { 
       console.log('Service Worker Registered'); 
      }); 
    } 
})(); 

Answer 1

Od Service Worker FAQ:

Q: Otrzymuję komunikat o "Tylko bezpieczne początki są dozwolone". Czemu?

A: pracownicy serwisu są dostępne tylko dla „zabezpieczyć pochodzenie” (HTTPS miejsc, w zasadzie) zgodnie z polityką preferują bezpieczne początki dla nowych funkcji. Jednak http://localhost jest również uważane za bezpieczne pochodzenie, więc jeśli możesz, rozwój na localhost jest łatwym sposobem na uniknięcie tego błędu.

Można również użyć flagi wiersza polecenia --unsafely-treat-insecure-origin-as-secure. Ta flaga musi być połączona z flagą --user-data-dir. Na przykład:

$ ./chrome --user-data-dir=/tmp/foo --unsafely-treat-insecure-origin-as-secure=http://your.insecure.site 

Jeśli chcesz przetestować na https://localhost z certyfikatu z podpisem własnym, należy:

$ ./chrome --allow-insecure-localhost https://localhost 

Można również znaleźć flagę --ignore-certificate-errors użyteczne.

Answer 2

Można sprawdzić protokół przed zarejestrowaniem pracownik usług tak, location.protocol === 'https:' && serviceWorker.register('service-worker.js')