Google फ़्यूज़न टेबल्स - JS और PHP के साथ काम करना

सारांश: समस्या उत्पन्न हुई - अत्यंत सीमित सर्वर संसाधनों के साथ एक अत्यधिक लोड वेब अनुप्रयोग बनाने के लिए।
Google ने Fusion Tables को डेटा स्टोर के रूप में चुना है।
लेख में क्या वर्णित है: फ्यूजन टेबल्स के साथ काम करना
क) जावास्क्रिप्ट - केवल डेटा नमूनाकरण;
b) PHP (Zend फ्रेमवर्क) - चयन, जोड़ और अद्यतन;
ग) Google से उपयोगकर्ता इंटरफ़ेस - तालिकाओं और विचारों का निर्माण।
लेख में क्या नहीं है:
ए) लोड परीक्षण;
बी) आवेदन का एक विस्तृत विवरण - जोर उनके PHP + जेएस परियोजनाओं में फ्यूजन टेबल्स के उपयोग पर है।

Google के पास विभिन्न उत्पादों की एक बड़ी संख्या है। - बिना पलटन के।
केवल एक आलसी वेब प्रोग्रामर ने अपनी परियोजनाओं में Google मानचित्र का उपयोग नहीं किया। यह बस प्लग करता है, सुंदर दिखता है, अपने सर्वर को लोड नहीं करता है, एक सुविधाजनक, अच्छी तरह से प्रलेखित (कम से कम v.2 के लिए) एपीआई , उच्च कम से कम कम गति नहीं - प्लसस हैं। शायद एफटी भी अच्छा होगा, मैंने सोचा। सच है, मैंने जांच नहीं की। और यहाँ परिणाम है।


हाल ही में, मुझे एक प्रसिद्ध सोशल नेटवर्क के लिए किसी तरह के एप्लिकेशन को लिखने का विचार था - सिर्फ एक प्रयोग के रूप में। थोड़ा विचार करने के बाद, विकल्प एक साधारण बुलेटिन बोर्ड पर गिर गया - एक ऐसी जगह जहां आप किसी ऐसे व्यक्ति की पेशकश कर सकते हैं जिसकी आपको ज़रूरत नहीं है। मैं यहां आवेदन का वर्णन नहीं करूंगा, मैं लिंक नहीं दूंगा जबकि यह मॉडरेशन पर है। मैं, दुर्भाग्य से, "आपके साथ" एक फ्लैश के साथ, इसलिए मैंने PHP + Js के एक मानक गुच्छा पर लिखा। इस एप्लिकेशन में जो असामान्य है वह यह है कि मानक mySQL के बजाय, Google, फ्यूजन टेबल्स से सेवा को स्टोरेज के रूप में चुना गया था। क्यों? बहुत सरल - विमुद्रीकरण की कोई गारंटी नहीं है। हाथ में कोई मुफ्त सर्वर क्षमता नहीं है - एक पुराना, खराब रूप से कॉन्फ़िगर किया गया विकास सर्वर है। मैं प्रारंभिक स्तर पर कोई निवेश नहीं करना चाहता था - मुझे आपको याद दिलाना चाहिए: परियोजना सिर्फ मनोरंजन के लिए लिखी गई थी। और Google मैप्स एपीआई पर एक प्रश्न के उत्तर की खोज करते समय, मैं फ्यूजन टेबल्स के बारे में एक लेख भर आया।

एक्सेस अधिकारों के बारे में थोड़ा।

तालिका से डेटा का अनुरोध सीधे जावास्क्रिप्ट होगा। यानी तालिका को सार्वजनिक करना होगा (कम से कम पढ़ने के लिए)। मुझे नहीं पता कि जेएस को कैसे रोकना है ताकि एक व्यक्ति जो टेबल में हैक करना चाहता है वह स्क्रिप्ट से उपयोगकर्ता नाम और पासवर्ड नहीं ला सकता है।
तदनुसार, टेबल पर सभी को लिखने का अधिकार देने की कोई इच्छा नहीं है। इसलिए, डेटा केवल सर्वर साइड पर टेबल पर लिखा जाएगा। यानी उपयोगकर्ता एक विज्ञापन जोड़ता है, js उपयोगकर्ता द्वारा सर्वर में डाले गए डेटा को सर्वर में स्थानांतरित करता है, php स्क्रिप्ट उन्हें उठाता है, Google FT में लॉग करता है और तालिका में डेटा सम्मिलित करता है।

मैं पिछले पैराग्राफ के सभी पश्चातापों से पहले से सहमत हूं! मैं दोहराता हूं - मुझे नहीं पता कि js में लॉगिन / पासवर्ड कैसे छिपाया जाए।

तो, चलिए चलते हैं:

चरण 1 - टेबल्स बनाना

एक तालिका FT यूजर इंटरफेस के माध्यम से बनाई गई है । इंटरफ़ेस सहज है, किसी विशिष्ट ज्ञान की आवश्यकता नहीं है। विशेष रूप से - कुछ हद तक एमएस एक्सेस की याद ताजा करती है।
वहां आप तालिका में कई पंक्तियों को सम्मिलित कर सकते हैं। आमतौर पर, mySQL के साथ काम करते समय, मैं इसके लिए phpMyAdmin का उपयोग करता हूं
वीडियो तीन क्षेत्रों के साथ एक साधारण तालिका बनाने का एक उदाहरण दिखाता है।


हां, मैं तुरंत कहूंगा: एफटी में, तालिका के नाम संख्याएं हैं। उदाहरण के लिए, बनाई गई तालिका के लिए यह 596524 है। "डेटा" केवल एक उपनाम है, इसका उपयोग प्रश्नों में नहीं किया जा सकता है।

इसके तुरंत बाद मैं आगे बढ़ूंगा: मुझे साधारण तालिकाओं के लिए एक आईडी फ़ील्ड (प्राथमिक ऑटोनॉरेमेंट कुंजी) बनाने की आवश्यकता नहीं है, प्रत्येक तालिका में एक "छिपा हुआ" ROWID फ़ील्ड होगा। यदि आप कई सारणियों में JOIN करने की योजना बनाते हैं, तो केवल एक आईडी बनाना ही समझ में आता है। यह कैसे करना है? तालिका पृष्ठ पर शीर्ष मेनू में एक बटन "मर्ज" है। दिखाई देने वाला संवाद आपको दृश्य (mySQL के संदर्भ में दृश्य) जैसा कुछ बनाने की अनुमति देता है।

अब आपको तालिका साझा करने की आवश्यकता है। प्राधिकरण के बिना js से डेटा प्राप्त करने के लिए। तालिका केवल सभी के लिए पढ़ी जाएगी। केवल लेखक ही डेटा को बदल / जोड़ सकता है।


टेबल तैयार है। इसका लिंक यहां दिया जा रहा है ।

चरण 2 - डेटा प्रदर्शित करना - जावास्क्रिप्ट

मेरे लगभग सर्वर पर, html पृष्ठ और js फ़ाइल संग्रहीत हैं। जब पृष्ठ लोड होता है, तो प्रदर्शित होने वाला डेटा (विज्ञापनों की सूची) सीधे Google के सर्वर से डाउनलोड किया जाता है।

तालिका से डेटा विज़ुअलाइज़ेशन मॉड्यूल का उपयोग करके प्रदर्शित किया जाता है। यहां से ले गए ।
ऐसा करने के लिए, index में एक लिंक जावास्क्रिप्ट में जोड़ें। html हेडर - www.google.com/jsapi , और default.js में लाइन फाइल करें

google.load('visualization', '1'); 

आप जावास्क्रिप्ट में Google API मॉड्यूल लोड करने के बारे में अधिक यहाँ पढ़ सकते हैं।

इसके अलावा, आपको तालिका को क्वेरी करने और फ़ंक्शन को निर्दिष्ट करने की आवश्यकता है - प्रतिक्रिया हैंडलर।

 //  var queryText = 'SELECT id, name FROM 596524;'; //url  var reqUri = 'http://www.google.com/fusiontables/gvizdata?tq=' + encodeURIComponent(queryText); //  visualization var query = new google.visualization.Query(reqUri); //     -   query.send(displayData); 

UPD: जैसा कि dkukushkin ने उल्लेख किया है, जब IE (9 वीं तक) का उपयोग किया जाता है, यदि नमूने में सिरिलिक वर्णमाला होती है (शायद न केवल!), उपयोगकर्ता देखता है "?" पात्रों के बजाय। इसलिए, हम Google.vizualization को हटाते हैं और अपने आप से एक अनुरोध करते हैं - jQuery की प्रशंसा करें, अपने हाथों से डरावना XMLHttpRequest लिखने की कोई आवश्यकता नहीं है

  var queryText = 'SELECT id, name FROM 596524;'; $.ajax({ url:'http://tables.googlelabs.com/api/query?sql='+queryText+'&jsonCallback=?', type: 'GET', success:function(resp){ displayData(resp); }, dataType:'json' }); 

उसके बाद, बग दूर हो गया, और तुरंत सब कुछ सुंदर हो गया। हालांकि मैंने एक लंबी लड़ाई की योजना बनाई - इस तरह के उदाहरण के लिए हेडर के साथ काम करना, लेकिन इस बार ने आश्चर्यचकित किया और सिरिलिक वर्णमाला को सामान्य रूप से प्रदर्शित किया। प्राप्त डेटा का प्रारूप विज़ुअलाइज़ेशन का उपयोग करते समय एक से थोड़ा अलग है, इसलिए डिस्प्लेडैट फ़ंक्शन को भी बदलना होगा। लेकिन कुछ भी गलत नहीं है, एक नियमित JSON ऑब्जेक्ट लौटाया जाता है, जिसमें एक तालिका पैरामीटर होता है जिसमें 2 सरणियों के कॉल और पंक्तियां होती हैं - सब कुछ सरल और स्पष्ट है।

जैसा कि पहले ही ऊपर उल्लेख किया गया है - उनकी आईडी का उपयोग प्रश्नों में तालिका के नाम के रूप में किया जाता है (वैसे, आप एक दिलचस्प तथ्य देख सकते हैं - 26 फरवरी को मैंने आईडी = 505 xxx के साथ एक तालिका बनाई थी, और आज बनाई गई डेटा तालिका को आईडी 596 524 प्राप्त हुआ - हम निष्कर्ष निकाल सकते हैं - ~ ​​91 एफटी में एक महीने से कम समय में 000 टेबल जोड़े गए हैं)।

और अंत में, पेज आउटपुट फ़ंक्शन

 function displayData(response) { //     response   //http://code.google.com/apis/visualization/documentation/reference.html#QueryResponse numRows = response.getDataTable().getNumberOfRows(); numCols = response.getDataTable().getNumberOfColumns(); //    fusiontabledata = "<b>"; for(i = 0; i < numCols; i++) { fusiontabledata += response.getDataTable().getColumnLabel(i) + ","; } fusiontabledata += "</b><br />"; for(i = 0; i < numRows; i++) { for(j = 0; j < numCols; j++) { fusiontabledata += response.getDataTable().getValue(i, j) + ", "; } fusiontabledata += "<br />"; } //   document.getElementById('echoer').innerHTML = fusiontabledata; } 

JsFiddle उदाहरण

अब मरहम में एक मक्खी। FT SQL क्वेरी भाषा का उपयोग करता है। यहाँ और पढ़ें लेकिन! इस भाषा की कई अप्रत्याशित सीमाएँ हैं - उदाहरण के लिए, SELECT कमांड की शर्तों में कोई OR ऑपरेटर नहीं है (दिखाई दिया, UPD2 देखें) (और इसे किसी चीज़ से बदलने का कोई तरीका भी नहीं है (a | b) =! (!! A-B!), क्योंकि कोई ऑपरेटर नहीं है। नहीं), इस विषय पर भी एक प्रस्ताव बनाया)। हालांकि निर्देशांक के साथ काम करने के लिए अंतर्निहित कार्य हैं। एफटी आमतौर पर Google से नक्शे का समर्थन करने का लक्ष्य रखता है।

क्वेरी कैशिंग से बचने के लिए (मुझे बिल्कुल समझ नहीं आया कि वे कहाँ कैश्ड हैं - ब्राउज़र, विज़ुअलाइज़ेशन, या एफटी ही) एक वास्तविक प्रोजेक्ट पर, यह क्वेरी स्थिति में "और नाम 234567 के बराबर नहीं" जैसा कुछ जोड़ने के लिए समझ में आता है, जहां 234567 एक यादृच्छिक संख्या है (देखें , गणित ।

एक अच्छे तरीके से, ज़ाहिर है, आपको अनुरोध भेजने और प्रतिक्रियाओं की प्रक्रिया करने के लिए अपनी कक्षा लिखनी होगी। यदि आप बारीकी से देखते हैं - कुछ भी जटिल नहीं है। चयन - एक विशेष पते पर GET अनुरोध द्वारा भेजा गया, सर्वर से प्रतिक्रिया JSON प्रारूप में प्राप्त होती है। मैंने बस यही किया - मुझे एक बहुत अच्छा कोड मिला, जो यहां पोस्ट करने के लिए शर्मनाक है। और सचमुच आज मैं trurl123 से एक अद्भुत विषय पर आया और महसूस किया कि मुझे अभी भी js में MVC सीखने की आवश्यकता है और, संभवतः, अपने घटनाक्रम को छोड़ दें।

चरण 3 - डेटा जोड़ना - PHP + Zend फ्रेमवर्क

जब मैंने काम का हिस्सा लिया, तो परेशानी के कोई संकेत नहीं थे। Zend फ्रेमवर्क में Google की सेवाओं के साथ काम करने के लिए संपूर्ण API है । लेकिन सब कुछ इतना रसपूर्ण नहीं निकला। सामान्य तौर पर, मुझे खुद को FT के साथ काम करने के लिए एक वर्ग लिखना था, Zend_Gdata_Base को आधार के रूप में लेना और Drupal के लिए एक निष्क्रिय समाधान का उपयोग करना था।

यहां क्लास फाइल डाउनलोड की जा सकती है । मुझे यह स्वीकार करने में शर्म आती है, फ़ाइल Zend मानक का अनुपालन नहीं करती है, इसमें 3 वर्ग शामिल हैं, खराब दस्तावेज। लेकिन यह काम करता है।

इसका उपयोग करने के लिए, आपको फ़ाइल को स्वयं कनेक्ट करना होगा, साथ ही Zend / Gdata / ClientLogin.php।

एक उदाहरण:

 // (       ) $client = Zend_Gdata_ClientLogin::getHttpClient('your_login_here@gmail.com', 'your_pass_here', 'fusiontables'); //   $base = new Zend_Gdata_Fusion($client); //   $sql = "SELECT ROWID FROM 596524 WHERE id = 1;"; $rowdata = $base->query($sql)->get_array(); print_r($rowdata); //  -  API      $newRowId = $base->insertRow('596524',array( 'id' => time(), 'name' => 'trird row', 'added' => date('n/j/y'), ) ); //  $base->updateRow( '596524', //ID  array('name' => 'new first row'), //   $rowdata[1][0] //ROWID      ); 

यदि मेरे हाथ पहुँचते हैं, तो मैं फ़ाइल को ध्यान में रखूँगा और इसे Zend प्रस्ताव में अपलोड करूँगा।

एक अन्य बिंदु: यदि INSERT / UPDATE कमांड को निष्पादित करने की कोई आवश्यकता नहीं है, तो आप यहां वर्णित उदाहरण के लिए, Zend_Base का उपयोग कर सकते हैं । तथ्य यह है कि, विनिर्देश के अनुसार, केवल GET अनुरोध ( http://code.google.com/intl/en/apis/fusiontables/docs/developers_guide.html#Updating) के माध्यम से चयन किया जा सकता है ... पंक्ति को अद्यतन करने के लिए, एक प्रमाणित POST भेजें अनुरोध ... ")

वह सब है। किसी भी पत्थर की टिप्पणी का स्वागत है। आपका धन्यवाद

पुनश्च: और निश्चित रूप से, मैं समझता हूं कि यह गेंद सेवाओं पर एक वाणिज्यिक परियोजना रखने के लिए कोई मतलब नहीं है, लेकिन अगर मेरा आवेदन वाणिज्यिक हो जाता है (अर्थात, यदि इसके पास पर्याप्त उपयोगकर्ता हैं और मैं उनसे पैसे कैसे कमाऊंगा), तो मैं तुरंत माइग्रेट कर दूंगा खुद का सर्वर। और इस समय मेरे पास है:
- एक छोटे से प्रारंभिक परिव्यय के साथ एक बहुत सुंदर और तेजी से चलने वाला अनुप्रयोग;
- मेरा मानना ​​है कि सब कुछ उतनी ही तेजी से और तनाव में काम करेगा।

PPS: हां, मुझे उम्मीद है कि कोड हाइलाइटर केवल पूर्वावलोकन करते समय छोटी गाड़ी है

संदर्भ:
फ्यूजन टेबल्स एपीआई - http://code.google.com/intl/en/apis/fusiontables/docs/developers.gu/.html
फ्यूजन टेबल एसक्यूएल सिंटैक्स - http://code.google.com/intl/en/apis/fusiontables/docs/developers_reference.html
फ्यूजन टेब यूआई - http://tables.googlelabs.com/
Zend Gdata - http://framework.zend.com/manual/en/zend.gdata.html
एफटी के साथ काम करने के लिए PHP वर्ग - http://barahlo.semero.com/description/Zend_Gdata_Fusion.zip
UPD2: यह किसी तरह की छुट्टी है! आज रात प्रस्ताव को अपडेट किया और अब OR का एक एनालॉग है! मैंने अभी तक खुद इसका परीक्षण नहीं किया है, लेकिन मुझे उम्मीद है कि सब कुछ ठीक होगा।