Cordova App blockiert wegen intensiver Berechnung

Question

Ich schreibe eine Cordova App, wo es irgendwann Berechnungen gibt, die etwas zu schwer sind (digitale Signaturen). Wenn die Schaltfläche zum Starten dieser Berechnungen angeklickt wird, bleibt die Benutzeroberfläche für einen Moment stehen.

Die Berechnungen sind auch JavaScript-Code, gibt es in Cordova eine Möglichkeit, einen Web-Arbeiter oder etwas Ähnliches zu verwenden und sie in einen anderen Thread zu entladen?

Answer 1

Sie können einen Web-Worker verwenden, um die JS-Verarbeitung für einen anderen Thread zu intensivieren, damit Sie den UI-Thread nicht blockieren. Hinweis: Sie müssen ein modernes Webview, also Crosswalk verwenden, wenn Android 4.x (Android 5+ soll aufgrund der selbst aktualisierten Webview in Ordnung sein).

Sie können etwas tun:

myapp.js:

var worker = new Worker('my.worker.js'); 

// Receive the output from the worker when it's done 
worker.addEventListener('message', function (e) { 
    try { 
     var data = e.data; 

     if(!data.success){ 
      handleError(data.error); 
     }else{ 
      display(data.output); 
     }   
    } catch (ex) { 
     handleError(ex); 
    } 
}, false); 

// Start the worker with some input 
worker.postMessage({ 
    input: "something heavy to process" 
}); 

my.worker.js:

importScripts('lib/some.dependency.js'); 

// Receive the input from the main UI thread 
self.addEventListener('message', function(ev) { 
    try{ 
    var data = ev.data; 
    var input = data.input; 

    var output = doSomeHeavyLifting(input); 

    self.postMessage({ 
     success: true, 
     output: output 
    }); 
    }catch(ex){ 
    self.postMessage({ 
     success: false, 
     error: ex 
    }); 
    } 
}, false);