他の人が指摘しているように、この質問が出されたため、webSQLは非推奨になりましたが、IndexedDBの実装は現在すべての主要なブラウザベンダーに存在しています。
したがって、ここで同じ決定に直面する可能性のある人は、IndexedDBを使用してください。
ここにある他の人も、2つのタイプのデータベースから選択する必要がないことを正しく示唆しています。クライアントマシンで利用可能なデータベースを利用するライブラリを選択(または作成)するだけです。
そのようなライブラリを探しているなら、BakedGoodsをチェックしてください。これは、すべてのネイティブおよび一部の非ネイティブクライアントストレージ機能でストレージ操作を実行するために使用できる統一されたインターフェイスを確立します。また、それぞれがユーザーに提供する柔軟性とオプションを維持します。
これを使用すると、サポートされているデータベースタイプのいずれかでストレージ操作を実行することが問題になります...
...両方のデータベースタイプに適切な操作オプションと同等の構成を指定します。
//If the operation is a set(), and the referenced structures
//don't exist, they will be created automatically.
var webSQLOptionsObj = {
databaseName: "Example_DB",
databaseDisplayName: "Example DB",
databaseVersion: "",
estimatedDatabaseSize: 1024 * 1024,
tableData: {
name: "Main",
keyColumnName: "lastName",
columnDefinitions: "(lastName TEXT PRIMARY KEY, firstName TEXT)"
},
tableIndexDataArray: [name: "First_Name_Index", columnNames: "(firstName)"]
};
var indexedDBOptionsObj = {
databaseName: "Example_DB",
databaseVersion: 1,
objectStoreData: {
name: "Main",
keyPath: lastName,
autoIncrement: false
},
objectStoreIndexDataArray: [
{name: "First_Name_Index", keyPath: "firstName", unique: false, multiEntry: false}
],
};
var optionsObj = {
conductDisjointly: false,
webSQL: webSQLOptionsObj,
indexedDB: indexedDBOptionsObj
};
...そして操作を行う:
bakedGoods.set({
data: [
{value: {lastName: "Obama", firstName: "Barack"}},
{value: {lastName: "Biden", firstName: "Joe"}}
],
storageTypes: ["indexedDB", "webSQL"],
options: optionsObj,
complete: function(byStorageTypeStoredItemRangeDataObj, byStorageTypeErrorObj){}
});
そのシンプルなインターフェイスと比類のないストレージ施設のサポートは、一部のストレージ施設固有の構成のサポートが不足しているという犠牲を払って提供されます。たとえば、複数列の主キーを持つWebSQLテーブルでのストレージ操作の実行はサポートされていません。
したがって、これらのタイプの機能を多用する場合は、他の場所を探すことをお勧めします。
ああ、そして完全な透明性のために、BakedGoodsはこの男によってここで維持されています:)。