HTML5 वेब Sql डेटाबेस और उदाहरणों के साथ Google गियर समर्थन

हम सभी अपना समय देते हैं, और मैं इसे बचाने के लिए आपकी मदद करना चाहता हूं (ठीक है, शायद आपके लिए नहीं, लेकिन निश्चित रूप से)।
यह क्लाइंट डेटाबेस - वेब एसक्यूएल डेटाबेस और गूगल गियर्स के बारे में होगा।

ड्यूटी पर, मैं स्थानीय डेटाबेस और वेब वर्कर्स का उपयोग करके एक वेब एप्लिकेशन में शामिल हूं।

तो हमें क्या चाहिए:

1. SQL क्वेरी जो स्थानीय डेटाबेस से सभी प्रकार के डेटा का चयन करती है
2. पृष्ठभूमि में अजाक्स के माध्यम से डेटा डाउनलोड करना और इसे स्थानीय डेटाबेस में लिखना
3. फ़ायरफ़ॉक्स, गूगल क्रोम, सफारी, IE के लिए समर्थन
4. समर्थन जीत, लिनक्स, MacOS, iPad

पहली नज़र में, यह ठीक है, लेकिन दूसरे से, समस्याएं शुरू होती हैं।

Google गियर

Google गियर्स (एसक्यूएल और वेब वर्कर्स) के लिए समर्थन नीचे दी गई तालिका में दिखाया गया है।
मुख्य मापदंड:
± स्थानीय डेटाबेस समर्थन,
± वेब वर्कर्स समर्थन करते हैं
Er वेब वर्कर से स्थानीय डेटाबेस समर्थन
एक्स - परीक्षण नहीं किया गया
(मैं तुरंत ही कहूंगा - सभी समर्थित ब्राउज़रों में Google गियर सब कुछ या कुछ भी नहीं, लेकिन स्पष्टता के लिए, हम तीन कनेक्शन का समर्थन करते हैं)

	क्रोम	फ़ायरफ़ॉक्स	सफारी	आईई
जीतना	+++	+++	---	+++
MacOS	---	+++	---	एक्स
आईपैड	एक्स	एक्स	---	एक्स
लिनक्स	---	+++	---	एक्स

सफारी (मैकओएस) के लिए भी Google गियर्स के लिए एक अलग कस्टम प्लगइन है, जो केवल तभी काम करता है जब सफारी 32-बिट मोड (स्नो लेपर्ड) में शुरू होती है।

यहां सब कुछ पारदर्शी और सरल है, सूचना और उदाहरण इंटरनेट पर एक बड़ी राशि है।
हम gears_init.js कनेक्ट करते हैं।

Google गियर्स Sql केस स्टडीज

var connect = google.gears.factory.create('beta.database');
connect.open(dbName);
var result = connect.execute(query, fields);
while (result.isValidRow()) {
var id = result.fieldByName('id');
result.next();
}
connect.close();

Google गियर्स वर्कर्स का उपयोग करने के उदाहरण

var workerPool = google.gears.factory.create('beta.workerpool');
var childWorkerId = workerPool.createWorkerFromUrl('worker.js');
workerPool.onmessage = function(a, b, message) {
switch (message.body) {
case 'EVENT_1':
break;
case 'EVENT_2':
break;
default:
break;
}
};
workerPool.sendMessage({event: 'START'}, childWorkerId);

worker.js:
var worker = google.gears.workerPool
worker.onmessage = function(a, b, message) {
//event message.body.event
worker.sendMessage('EVENT_1', message.sender);
}

---

एचटीएमएल 5 वेब एसक्यूएल डेटाबेस

HTML5 वेब Sql डेटाबेस समर्थन नीचे दी गई तालिका में दिखाया गया है।
मुख्य मापदंड:
± स्थानीय डेटाबेस समर्थन,
± वेब वर्कर्स समर्थन करते हैं
Er वेब वर्कर से स्थानीय डेटाबेस समर्थन
एक्स - परीक्षण नहीं किया गया

	क्रोम	फ़ायरफ़ॉक्स	सफारी	आईई
जीतना	+++	- - -	++ -	---
MacOS	+++	- - -	++ -	एक्स
आईपैड	एक्स	एक्स	+ -	एक्स
लिनक्स	+++	- - -	एक्स	एक्स

एक और समस्या अचानक प्रकट होती है - वेब एसक्यूएल डाटाबेस अतुल्यकालिक रूप से चलता है। यानी क्वेरी श्रृंखला को पूरा करना संभव नहीं है। इसके अलावा, आप 100% सुनिश्चित हो सकते हैं कि जब sql अनुरोध के बाद अगला विवरण निष्पादित किया जाता है, तो sql अनुरोध अभी तक निष्पादित नहीं किया जाएगा।
कई समाधान हैं:

1) नेस्टेड क्रियाएं करें। यानी हम sql निष्पादित करते हैं, निष्पादन के बाद हम कॉलबैक फ़ंक्शन को कॉल करते हैं जिसमें हम उन कार्यों को करते हैं जिनकी हमें ज़रूरत होती है। बहुत सुविधाजनक नहीं है।

2) एक ईवेंट सिस्टम बनाएँ। अनुरोध को निष्पादित करते समय, एक विशिष्ट घटना फेंकें, इसे सफलतापूर्वक पकड़ें और जारी रखें। इसके अलावा बहुत सुविधाजनक नहीं है।

वेब वर्कर केस स्टडीज

var worker = new Worker("worker.js");

worker.onmessage = function (evt) {
switch (evt.data) {
case 'EVENT_1':
break;
default:
break;
}
};
worker.onerror = function (evt) {
alert('error: ' + evt.data);
};

worker.postMessage('START');

worker.js:

onmessage = function (event) {
switch (event.data) {
case 'START':
break;
default:
break;
}
postMessage('EVENT_1');
};


वेब वर्कर डेटाबेस के बाहर वेब वर्कर का उपयोग करने के उदाहरण

var connect = window.openDatabase(dbName, "1.0", "", 1024*1024*5);
connect.transaction(function(db) {
//
db.executeSql("SELECT id FROM test", fields,
function(t, results) {
for (i = 0; i < results.rows.length; i++){
//results.rows.item(i)['id'];
}
},
function(t, error) {
alert(error.message);
}
);
});

वेब कार्यकर्ता में वेब एसक्यूएल डेटाबेस का उपयोग करने के उदाहरण

var db = openDatabaseSync('db', "1.0", "", 1024*1024*5);
db.transaction(function(db) {
//
var result = db.executeSql("SELECT id FROM test");
for (var i = 0; i < result.rows.length; i++) {
//result.rows.item(i)['id'];
}
});

Chrome में ऐसी समस्या भी है - डेटाबेस के लिए 5 mb की एक कठिन सीमा, जिसे फिलहाल सामान्य j विधियों के साथ विस्तारित नहीं किया जा सकता है।
विनिर्देश के अनुसार, क्रोम को 5 एमबी की सीमा से अधिक के बारे में एक खिड़की दिखाना चाहिए और इसे बढ़ाने की अनुमति का सवाल है। लेकिन ... अफसोस।

मुझे आशा है कि यह आपको कुछ कीमती समय बचाने में मदद करेगा।