1,293 रीडिंग

ब्राउज़र बुकमार्क से एक ग्रंथ सूची जेनरेटर: यह कैसे काम करता है

द्वारा Bob Wright5m2023/11/27

बहुत लंबा; पढ़ने के लिए

एक साधारण ग्रंथ सूची जनरेटर अपनी स्रोत सामग्री के रूप में ब्राउज़र बुकमार्क फ़ाइल का उपयोग करता है। डेटाबेस वास्तव में एक JSON ऑब्जेक्ट फ़ाइल है जिसे हम स्थानीय रूप से सहेज और उपयोग कर सकते हैं। इससे मुझे क्रोम और एज तथा फायरफॉक्स पर बुकमार्क का वही सेट मिलता है, उदाहरण के लिए ब्राउज़र द्वारा मेरा बुकमार्क डेटा सहेजे बिना। हम केवल उन्हीं बुकमार्क को निकालने के लिए बुकमार्क फ़ोल्डर को संपादित करते हैं जिनका हम उपयोग करना चाहते हैं।

featured image - ब्राउज़र बुकमार्क से एक ग्रंथ सूची जेनरेटर: यह कैसे काम करता है

एक साधारण ग्रंथ सूची जनरेटर जो अपनी स्रोत सामग्री के रूप में JSON ब्राउज़र बुकमार्क फ़ाइल का उपयोग करता है।

पूर्वापेक्षाएँ और कोड

ग्रंथसूची जनरेटर के संचालन के लिए पहली आवश्यकता इसके सामग्री डेटा का एक स्रोत है जिसमें xbrowserSync नामक ब्राउज़र बुकमार्क प्रबंधक एप्लिकेशन द्वारा बनाई गई JSON ऑब्जेक्ट शामिल है। यह एप्लिकेशन दो भागों में एक ब्राउज़र-अज्ञेयवादी बुकमार्क प्रबंधक है।

एक भाग एक ब्राउज़र एक्सटेंशन है, और दूसरा एक सर्वर एपीआई है जो बुकमार्क डेटा को MongoDB डेटा फ़ाइल के रूप में प्रबंधित करता है। सर्वर एपीआई के बारे में हमें बस उसका यूआरएल जानना है। ब्राउज़र एक्सटेंशन क्रोम ब्राउज़र के लिए Google Play जैसे ऑनलाइन ऐप "स्टोर" में पाया जा सकता है।

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

इससे मुझे क्रोम, एज और फ़ायरफ़ॉक्स पर बुकमार्क का वही सेट मिलता है, उदाहरण के लिए, ब्राउज़र द्वारा मेरे बुकमार्क डेटा को सहेजे बिना। xbrowserSync के लिए एपीपी और एपीआई स्रोत प्रत्येक GitHub रिपॉजिटरी में हैं।

ग्रंथ सूची जनरेटर के लिए दूसरी आवश्यकता इसका प्रोग्राम कोड है जो मेरी विंडोज 10 मशीन पर कमांड विंडो में नोड.जेएस के तहत चलता है। यहां निम्नलिखित है, इस सरल नोड प्रोग्राम का नाम हैंडलर.जेएस है।

 #!/usr/bin/env node // --------------------------------- // Simple bibliography file handler Node Server API // --------------------------------- const fs = require('fs') const path = require('path') //const dn = require('./dirname'); var filePath = './bibliotest.json'; //the biblio bookmark file var biblio = ''; var str = ''; var searchValue = 'url:'; // -------------- // read and parse biblio JSON file // ---------------- const jsonReader = () => { return new Promise(resolve => { str = fs.readFile(filePath, (err, fd) => { object = JSON.parse(fd); str = object.children; // strip outer layer biblio = str; // count biblio array elements count = biblio.length; resolve (str); //return str; }) }) } // async function performAsyncFunctions(){ // list of promises to execute sequentially const firstRequest = await jsonReader(); //console.log('\nAll tasks complete.'); console.log('==== function complete ====\n') console.log('count = ', count) var html = '<html><lang = en><head></head><body>'; for (let i = 0; i < count; i++) { html = html + '<h3><i>id'+[i]+':</i>&nbsp;<a href='+biblio[i].url+'>'+biblio[i].title+'</a></h3><p>'+biblio[i].description+'</p>\n'; } html = html + '</body></html>'; console.info(html); const content = html try { const data = fs.writeFileSync('./bibliotest.html', content) //file written successfully } catch (err) { console.error(err) }} // --------------- performAsyncFunctions(); // console.log('biblio = ', object) // ------------------

JSON प्रारूप बुकमार्क फ़ाइल

xbrowserSync ब्राउज़र एक्सटेंशन मेनू से, हम अपने बुकमार्क डेटा का बैकअप सहेजने का विकल्प चुन सकते हैं। बैकअप को JSON फ़ाइल के रूप में सहेजा गया है। यहां हमारे उदाहरण के लिए, सभी बुकमार्क "मस्कआर्टिकल" नामक बुकमार्क फ़ोल्डर में हैं।

हम बुकमार्क JSON को केवल उस बुकमार्क फ़ोल्डर को निकालने के लिए संपादित करते हैं जिसे हम अपनी ग्रंथ सूची में उपयोग करना चाहते हैं। यह JSON फ़ाइल यहां नीचे आगे दिखाई गई है।

 { "title": "__MuskArticle", "children": [ { "title": "Musk's X caught throttling outbound links to websites he doesn't like", "url": "https://www.msn.com/en-us/news/technology/musk-sx-caught-throttling-outbound-links-to-websites-he-doesn-t-like/ar-AA1fmbYw?ocid=windirect&cvid=3ff1100b6fba4172b3b0b8b9c6bbc7e0&ei=185", "description": "Elon Musk claims that he bought Twitter, now called X, to preserve free speech. He claimed that everyone's voice should be heard. This is a great thing for free speech and must surely be a coincidence, right? Elon Musk's X was this week caught throttling outbound links to several sites, coincidentally ones that the billionaire has complained about or feuded with in the past.… Links directing users of the website formerly…", "id": 6643 }, { "title": "Mark Cuban takes another jab at Elon Musk's business practices", "url": "https://www.msn.com/en-us/money/companies/mark-cuban-takes-another-jab-at-elon-musk-s-business-practices/ar-AA1fmrNQ?ocid=windirect&cvid=528ef4be846842fa87342b96d92d0dfa&ei=35", "description": "These two billionaires are not best buds.", "id": 6664 }, { "title": "Twitter now makes you PAY to access one of its most popular features", "url": "https://www.msn.com/en-us/money/technology/twitter-now-makes-you-pay-to-access-one-of-its-most-popular-features/ar-AA1flk5Y?ocid=windirect&cvid=ee4ba03e4c414849a910c7f25dbfd759&ei=27", "description": "X (formerly Twitter) has started diverting users to a paid-subscription sign-up page when they try to access TweetDeck.", "id": 6665 }, { "title": "NYU Professor Locked Out of Twitter After Reportedly Declining to Meet With Elon Musk", "url": "https://www.msn.com/en-us/news/technology/nyu-professor-locked-out-of-twitter-after-reportedly-declining-to-meet-with-elon-musk/ar-AA1fmedB?ocid=windirect&cvid=a7973a74a0d24f2287ea421bbd70f5ea&ei=42", "description": "New York University professor and Kara Swisher's podcasting buddy Scott Galloway voiced his outrage at being banned from posting on Twitter in a Threads post on Tuesday. Galloway claims he's been locked out of Twitter (aka X) two days after allegedly declining an invitation to meet with the chief…", "id": 6666 }, { "title": "A federal judge wondered if Elon Musk was trying to 'cozy up' to Trump by trying to inform him about a search warrant into his social media account", "url": "https://www.msn.com/en-us/news/politics/a-federal-judge-wondered-if-elon-musk-was-trying-to-cozy-up-to-trump-by-trying-to-inform-him-about-a-search-warrant-into-his-social-media-account/ar-AA1flSZV?ocid=windirect&cvid=ee4ba03e4c414849a910c7f25dbfd759&ei=51", "description": "In January, federal prosecutors obtained a search warrant to obtain information from Trump's personal Twitter account.", "id": 6667 } ] }

ग्रंथ सूची फ़ाइल

यदि हम उपरोक्त JSON फ़ाइल को अपने नोड.जेएस हैंडलर प्रोग्राम में सबमिट करते हैं, तो यह निम्नलिखित HTML प्रारूप ग्रंथ सूची सूची उत्पन्न करेगा।

निष्कर्ष

इसलिए, हमने देखा है कि हम अपने बुकमार्क डेटा से ग्रंथसूची उत्पन्न करने के लिए बुकमार्क प्रबंधक के रूप में xbrowserSync के उपयोग का लाभ कैसे उठा सकते हैं। पढ़ने के लिए धन्यवाद, और आशा है कि यह जानकारी आपके लिए उपयोगी होगी। हमेशा की तरह, टिप्पणियों, सुझावों और आलोचनाओं का स्वागत है।