JSON बैकेंड के रूप में Google स्प्रेडशीट का उपयोग करना

एक साधारण वेब एप्लिकेशन लिखते समय या किसी चीज़ को प्रोटोटाइप करते समय, कभी-कभी आप डेटा को संग्रहीत, संपादित और पुनर्प्राप्त करने का एक त्वरित और आसान तरीका चाहते हैं।
उदाहरण के लिए, आप एक साधारण ब्लॉग लिखते हैं और आप ऐसा महसूस नहीं कर सकते हैं कि वहां रिकॉर्ड्स, एडिट और स्टोर करने के लिए बैकएंड का निर्माण किया जा सकता है, लेकिन आप इस डेटा को JSON के रूप में आसानी से एकत्र करना चाहते हैं - Google ड्राइव इससे आपको मदद करेगा।

चरण 1: एक तालिका बनाएं और इसे वेब पर प्रकाशित करें

एक उदाहरण के रूप में एक ब्लॉग के साथ, आप शायद इस तरह एक तालिका बनाना चाहते हैं:


फिर आप इस दस्तावेज़ को वेब पर प्रकाशित कर सकते हैं। ऐसा करने के लिए, फ़ाइल> इंटरनेट पर प्रकाशित करें चुनें ...। संवाद के निचले भाग में आप डेटा का लिंक देख सकते हैं, लेकिन यह हमें केवल HTML तक पहुंच देता है ("html" को "json" में बदलने का प्रयास करें - यह काम नहीं करेगा)।

कुंजी के बाद सब कुछ कॉपी करें = (मेरे उदाहरण में - 0AtMEoZDi5-pedElCS1lrVnp0Yk1vbFdPaUlOc3F3a2c ) और इसे URL में स्थान दें। spreadsheets.google.com/feeds/list/PUT-KEY-HERE/od6/public/values?alt=json-in-script&callback= spreadsheets.google.com/feeds/list/PUT-KEY-HERE/od6/public/values?alt=json-in-script&callback= PUT-KEY-HERE ? PUT-KEY-HERE बजाय " PUT-KEY-HERE "।

मेरे उदाहरण के लिए URL: spreadsheets.google.com/feeds/list/0AtMEoZDi5-pedElCS1lrVnp0Yk1vbFdPaUlOc3F3a2c/od6/public/values?alt=json-in-script&callback= spreadsheets.google.com/feeds/list/0AtMEoZDi5-pedElCS1lrVnp0Yk1vbFdPaUlOc3F3a2c/od6/public/values?alt=json-in-script&callback= । यह लिंक सीधे ब्राउज़र से काम नहीं करता है, लेकिन यदि आप कुछ जोड़ते हैं, उदाहरण के लिए "x", तो इस URL पर, यह आपके डेटा को JSONP के रूप में दिखाएगा।

आप डेटा को शुद्ध JSON के रूप में भी प्राप्त कर सकते हैं (लेकिन आपको पहले कॉर्स प्रॉक्सी के माध्यम से इसे पास करना होगा, उदाहरण के लिए cors.io) लिंक का उपयोग करके: spreadsheets.google.com/feeds/list/PUT-KEY-HERE/od6/public/values?alt=json

अब आपके वेब एप्लिकेशन में आप डेटा प्राप्त कर सकते हैं और जैसा चाहें वैसा उपयोग कर सकते हैं, उदाहरण के लिए:

 $.getJSON("http://cors.io/spreadsheets.google.com/feeds/list/0AtMEoZDi5-pedElCS1lrVnp0Yk1vbFdPaUlOc3F3a2c/od6/public/values?alt=json", function(data) { //first row "title" column console.log(data.feed.entry[0]['gsx$title']['$t']); });