Zugriff auf localStorage von Service Worker

Question

Ich möchte regelmäßig eine API von meinem Service Worker aufrufen, um Daten zu senden, die in localStorage gespeichert sind. Diese Daten werden in localStorage erstellt und gespeichert, wenn ein Benutzer meine Website aufruft. Betrachten Sie es als etwas wie das Speichern von Statistiken in localStorage und das regelmäßige Senden durch den Service-Mitarbeiter. Wie soll ich das machen? Ich verstehe, dass ich vom Servicemitarbeiter nicht auf localStorage zugreifen kann und die postMessage-API verwenden muss. Jede Hilfe würde sehr geschätzt werden.

Answer 1

Sie können nicht auf localStorage (und auch sessionStorage) von einem Webworker-Prozess zugreifen, sie werden undefined sein, dies ist aus Sicherheitsgründen.

Sie müssen postMessage() zurück zum Ursprungscode des Arbeiters verwenden und diesen Code die Daten in localStorage speichern lassen.

Verwenden Sie sollten localStorage.setItem() und localStorage.getItem() verwenden, um Daten aus dem lokalen Speicher zu speichern und abzurufen.

Mehr Infos:

Worker.postMessage()

Window.localStorage

Pseudo-Code unten, in der Hoffnung Sie beginnen zu bekommen.

// include your worker 
var myWorker = new Worker('YourWorker.js'), 
    data, 
    changeData = function() { 
    // save data to local storage 
    localStorage.setItem('data', (new Date).getTime().toString()); 
    // get data from local storage 
    data = localStorage.getItem('data'); 
    sendToWorker(); 
    }, 
    sendToWorker = function() { 
    // send data to your worker 
    myWorker.postMessage({ 
     data: data 
    }); 
    }; 
setInterval(changeData, 1000)