Wie verwende ich sqlite mit cordova beim Testen in einem normalen Desktop-Browser?

Question

Bei der Entwicklung meiner Cordova-Hybrid-Anwendung habe ich mich daran gewöhnt, meine Anwendung in einem normalen Desktop-Browser zu testen, was bisher sehr gut funktioniert hat.

Jetzt möchte ich sqlite Funktionalität zu meiner Anwendung hinzufügen. Ich sehe, dass es ein Plugin für cordova gibt, aber ich bin neugierig, wie kann ich ein Fallback schreiben, so dass ich, wenn cordova nicht benutzt wird, natürlich sqlite benutzen kann, ohne das cordova plugin zu benutzen? Im Idealfall möchte ich, dass das native sqlite-Objekt genau wie das Plug-in behandelt wird. Daher kann ich alle Tests in einem normalen Browser durchführen, um die Anzahl der Installationen auf einem Gerät zu minimieren - Die Bauzeit für Android ist sehr lang, also möchte ich es so weit wie möglich vermeiden.

Danke!

Answer 1

Sie können einen einfachen Wrapper verwenden, der WebSQL für den Browser und SQLite für das Gerät verwendet. Verwenden Sie einfach ein anderes Datenbank-Objekt. WebSQL und SQLite API ist fast identisch. Sie benötigen nur eine andere Initialisierung für Browser und Gerät.

Hier ist mein Beispielcode (ES6):

var runiOS = false; 
var DB; 

// Check browser or device 

var onDeviceReady = new Promise(function(resolve, reject) {  
    if (document.URL.match(/^https?:/i)) { 
     console.log("Running in a browser..."); 
     resolve(); 
    } else { 
     console.log("Running in an app..."); 
     runiOS = true; 
     document.addEventListener("deviceready", resolve, false); 
    } 
}); 

// Run application 
onDeviceReady.then(function() { 
    // Init WebSQL on browser or SQLite on device 
    if (runiOS) { 
     DB = window.sqlitePlugin.openDatabase({ name: 'my.db', location: 'default' }, function (db) {}, function (error) { console.log('Open database ERROR: ' + JSON.stringify(error)); });   
     console.log('DB: SQLite'); 
    } 
    else { 
     DB = window.openDatabase('my', "0.1", "My list", 200000);  
     console.log('DB: WebSQL'); 
    } 

    // ... 

    db.transaction(function(tx) { 
     tx.executeSql('CREATE TABLE IF NOT EXISTS DemoTable (name, score)'); 
     tx.executeSql('INSERT INTO DemoTable VALUES (?,?)', ['Alice', 101]); 
     tx.executeSql('INSERT INTO DemoTable VALUES (?,?)', ['Betty', 202]); 
    }, function(error) { 
     console.log('Transaction ERROR: ' + error.message); 
    }, function() { 
     console.log('Populated database OK'); 
    }); 


    db.transaction(function(tx) { 
     tx.executeSql('SELECT count(*) AS mycount FROM DemoTable', [], function(tx, rs) { 
      console.log('Record count (expected to be 2): ' + rs.rows.item(0).mycount); 
     }, function(tx, error) { 
      console.log('SELECT error: ' + error.message); 
     }); 
    }); 
});