📽️ 🤧 🈺 जावास्क्रिप्ट में पार्सिंग BEncode। फ़ायरफ़ॉक्स में धार फ़ाइलें देखें 🔼 ☢️ ⛴️

मैं क्यों

टोरेंट फ़ाइलों को देखने के कई तरीके हैं: टोरेंट क्लाइंट में, बीएनकोड संपादक में , प्लगइन्स के साथ फ़ाइल प्रबंधकों में, संभवतः नेटवर्क सेवाओं में (लेकिन यह थोड़ा बेवकूफ है)।

लेकिन ब्राउज़र से बाहरी प्रोग्राम को कॉल करना हमेशा सुविधाजनक नहीं होता है। यह कार्यक्रम हमेशा पूरी जानकारी नहीं देता है। हमेशा सुविधाजनक नहीं। सदैव खोजने योग्य नहीं। इसलिए, मैं उदाहरण के लिए, धार फ़ाइल को देखने के लिए ब्राउज़र में एक आसान तरीका रखना चाहूंगा:

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

द्वितीय। रणनीति

हमारे कार्य के लिए, आप ब्राउज़र के लिए एक एक्सटेंशन लिख सकते हैं, लेकिन यह कई अतिरिक्त कठिनाइयों से भरा है। इसलिए, हम एक सरलीकृत विधि का उपयोग करेंगे।

कस्टम बटन एक्सटेंशन आपको मनमाने कोड वाले बटन बनाने की अनुमति देता है। इससे भी बेहतर, यह कोड एक ब्राउज़र संदर्भ में चलता है, इसमें समान घटकों और इंटरफेस तक एक्सटेंशन के रूप में पहुंच है, और यहां तक कि मनमानी जटिलता के GUI तत्व भी बना सकते हैं। इसलिए, हम बस एक नया बटन बनाते हैं और इसे कोड के साथ भर देते हैं (दो सौ लाइनों को हर चीज की आवश्यकता होती है) सभी निम्नलिखित कोड को नए बनाए गए बटन के इनिशियलाइज़ेशन टैब में डालने की आवश्यकता होती है, ताकि यह ब्राउज़र द्वारा लॉन्च किए जाने के बाद, बटन के वांछित व्यवहार को निर्धारित करते हुए और पूरे सत्र के लिए हर बार निष्पादित हो। या आप इसे सम्मिलित नहीं कर सकते हैं: एक्सटेंशन ब्राउज़र में कस्टमबटन: // प्रोटोकॉल जोड़ता है, और लेख के अंत में मैं एक लिंक दूंगा, जिस पर क्लिक करके आप एक कोड के साथ एक तैयार बटन बना सकते हैं (यह केवल टूल पैलेट से एक सुविधाजनक स्थान पर स्थानांतरित करने के लिए बना हुआ है)।

तृतीय। युक्ति

1. उपयोगकर्ता इंटरफ़ेस

var btn = this; var imgMain = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAdVBMVEX////////////////////////////////XzeWjisHx7vaKaq5nNpV8VqSDYaqtmMiTdbS2pM/MwN6YfLjBstd7VqRuQZnk3u7y7/eKa6+SdbR1S56CX6jXzuabgLv49/uhh7+JaK39/P3e1ury7vbLv97g2es6Rn8YAAAAB3RSTlMAYMAg0PDzqTbVzAAAAAFiS0dEAIgFHUgAAAAJcEhZcwAAAEgAAABIAEbJaz4AAACcSURBVBjTXY/bAoIgEEQRsWERUykDMu1m/f8ntqC+dJ6WYfYyQjCFBCMLsVIqaGI0VJnflaltpjZVUpRp7EZjFPcj/R/bLntQCKm56IE2e7QUIGsJ7tSeaUhVEi5wgw/OR2uvWegQvR9zy+ogWDi7CzyUMO4CD+W1EdQj7mvTYT7cJkx0nO9qPf2B8JxdwOtQbuHeC5bPdwv3F/8HCk4KcI8+awQAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTItMDYtMjZUMjE6MDk6MDQrMDQ6MDD1mOHZAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDEyLTA2LTI2VDIxOjA5OjA0KzA0OjAwhMVZZQAAAABJRU5ErkJggg=="; var imgThrobber = "data:image/gif;base64,R0lGODlhEAAQAOMIAAAAABoaGjMzM0xMTGZmZoCAgJmZmbKysv///////////////////////////////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgAIACwAAAAAEAAQAAAESBDJiQCgmFqbZwjVhhwH9n3hSJbeSa1sm5GUIHSTYSC2jeu63q0D3PlwCB1lMMgUChgmk/J8LqUIAgFRhV6z2q0VF94iJ9pOBAAh+QQBCgAPACwAAAAAEAAQAAAESPDJ+UKgmFqbpxDV9gAA9n3hSJbeSa1sm5HUMHTTcTy2jeu63q0D3PlwDx2FQMgYDBgmk/J8LqWPQuFRhV6z2q0VF94iJ9pOBAAh+QQBCgAPACwAAAAAEAAQAAAESPDJ+YSgmFqb5xjV9gQB9n3hSJbeSa1sm5EUQXQTADy2jeu63q0D3PlwDx2lUMgcDhgmk/J8LqUPg+FRhV6z2q0VF94iJ9pOBAAh+QQBCgAPACwAAAAAEAAQAAAESPDJ+cagmFqbJyHV9ggC9n3hSJbeSa1sm5FUUXRTEDy2jeu63q0D3PlwDx3FYMgAABgmk/J8LqWPw+FRhV6z2q0VF94iJ9pOBAAh+QQBCgAPACwAAAAAEAAQAAAESPDJ+QihmFqbZynV9gwD9n3hSJbeSa1sm5GUYXSTIDy2jeu63q0D3PlwDx3lcMgEAhgmk/J8LqUPAOBRhV6z2q0VF94iJ9pOBAAh+QQBCgAPACwAAAAAEAAQAAAESPDJ+UqhmFqbpzHV9hAE9n3hSJbeSa1sm5HUcXTTMDy2jeu63q0D3PlwDx0FAMgIBBgmk/J8LqWPQOBRhV6z2q0VF94iJ9pOBAAh+QQBCgAPACwAAAAAEAAQAAAESPDJ+YyhmFqb5znV9hQF9n3hSJbeSa1sm5EUAHQTQTy2jeu63q0D3PlwDx0lEMgMBhgmk/J8LqUPgeBRhV6z2q0VF94iJ9pOBAAh+QQBCgAPACwAAAAAEAAQAAAESPDJ+c6hmFqbJwDV9hgG9n3hSJbeSa1sm5FUEHRTUTy2jeu63q0D3PlwDx1FIMgQCBgmk/J8LqWPweBRhV6z2q0VF94iJ9pOBAA7"; function clickBtn(event) { if (event.button == 0) { event.preventDefault(); var tFileURL = prompt("Torrent File URL:"); if (tFileURL) { getTFile(tFileURL); } } } function checkDrag(event) { if (event.dataTransfer.types.contains("text/uri-list")) { event.preventDefault(); } } function onDrop(event) { var tFileURL = event.dataTransfer.getData("URL"); if (tFileURL) { getTFile(tFileURL); } event.preventDefault(); } btn.addEventListener("click", clickBtn, true); btn.addEventListener("dragenter", checkDrag, true); btn.addEventListener("dragover", checkDrag, true); btn.addEventListener("drop", onDrop, true); btn.onDestroy = function() { btn.removeEventListener("click", clickBtn, true); btn.removeEventListener("dragenter", checkDrag, true); btn.removeEventListener("dragover", checkDrag, true); btn.removeEventListener("drop", onDrop, true); }

इस टुकड़े में, हम बटन ऑब्जेक्ट प्राप्त करते हैं, दो छवियां सेट करते हैं (एक मुख्य बात है, दूसरा मानक फ़ाइल डाउनलोड संकेतक है, वे वैकल्पिक रूप से होंगे), हम ईवेंट हैंडलर को परिभाषित करते हैं और उन्हें बटन से बांधते हैं।

हमें प्रोग्राम को धार फ़ाइल का पता देने के दो तरीके मिलते हैं: यदि कोई लिंक है, तो हम इसे केवल बटन ( तंत्र का विवरण ) पर खींचते हैं। यदि बफ़र में पते के साथ एक पंक्ति है, तो हम बटन पर क्लिक करते हैं और पते को उस फ़ील्ड में चिपकाते हैं जो दिखाई देता है।

अंत में, हम बाध्य हैंडलर के लिए विनाशकों को परिभाषित करते हैं। कस्टम बटन में एक अप्रिय बग है: यदि आप स्पष्ट रूप से टुकड़ी सेट नहीं करते हैं, तो हैंडलर प्रत्येक बार टूल पैलेट को खोलने और बंद करने पर ओवरलैप करेगा (भले ही आप इसके साथ कुछ और कॉन्फ़िगर करें)।

2. धार फ़ाइल हो रही है

 function getTFile(tFileURL) { btn.image = imgThrobber; var xhr = new XMLHttpRequest(); xhr.mozBackgroundRequest = true; var sendData; if (tFileURL.indexOf("http://dl.rutracker.org/forum/dl.php") > -1) { xhr.open("POST", tFileURL, true); sendData = tFileURL.replace(/^.+\b(t=\d+).*$/, "$1"); xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); xhr.setRequestHeader("Referer", "http://rutracker.org/forum/viewtopic.php?t=" + tFileURL.replace(/^.+\bt=(\d+).*$/, "$1")); } else { xhr.open("GET", tFileURL, true); sendData = null; } xhr.timeout = 10000; if(!/^file:/.test(tFileURL)) { xhr.channel.loadFlags |= Components.interfaces.nsIRequest.LOAD_BYPASS_CACHE; xhr.channel.QueryInterface(Components.interfaces.nsIHttpChannelInternal) .forceAllowThirdPartyCookie = true; } xhr.responseType = "arraybuffer"; xhr.onload = function() { btn.image = imgMain; processTFile(this.response); } xhr.ontimeout = function() { btn.image = imgMain; alert("Timeout"); } xhr.onerror = function() { btn.image = imgMain; alert("HTTP error"); } xhr.send(sendData); }

शुरुआत करने के लिए, हम ध्यान दें कि टोरेंट फाइलें बीएनकोड भाषा ( भाषा विवरण और टोरेंट फाइलों का प्रारूप ) में लिखी जाती हैं। यह अपनी क्षमताओं में JSON की तरह एक सा है। लेकिन इसमें एक अड़चन है: टैग, संख्या और इसमें मौजूद लाइनें, एक नियम के रूप में, UTF-8 पर एन्कोडेड हैं, हालांकि, कुछ पंक्तियों में बाइनरी डेटा (बाइट्स का एक सरल अनुक्रम जो UTF-8 नियमों का पालन नहीं करता है) शामिल हैं। इसलिए, आप केवल संपूर्ण पंक्ति को UTF-8 के रूप में नहीं मान सकते हैं, डिकोडर लॉक हो जाएगा और गलत UTF-8 के बारे में एक त्रुटि देगा। किसी फ़ाइल को पार्स करते समय, आपको इस एहतियात को ध्यान में रखना होगा।

अब अनुरोध के बारे में कुछ नोट्स और फ़ाइल प्राप्त करना।

हम पल्सर छवि शुरू करते हैं और ब्राउज़र को सरल बनाने के लिए पृष्ठभूमि अनुरोध ध्वज सेट करते हैं। फिर हम पते की जांच करते हैं और सबसे प्रसिद्ध घरेलू टोरेंट ट्रैकर के संरक्षण को आश्वस्त करते हैं, जो साइट के पन्नों से नहीं टोरेंट फ़ाइलों को डाउनलोड करने पर रोक लगाता है (यह विधि, जो ट्रैकर की टोरेंट फ़ाइलों के साथ काम करने की अनुमति देती है, सुरक्षा का परिचय देते समय साइट डेवलपर्स द्वारा एक बार वर्णित किया गया था)।

फ़ायरफ़ॉक्स को XHR के साथ कुकीज़ भेजने के लिए बाध्य करने के लिए भी जब उपयोगकर्ता ने तृतीय-पक्ष साइटों से कुकीज़ को अक्षम कर दिया है, तो बल भेजने वाले ध्वज को सेट करें (इसके बिना कुकीज़ स्वीकार नहीं की जाती हैं और नहीं भेजी जाती हैं)। बेशक, कुकीज़ और कैश बाईपास के लिए मजबूर करने के लिए झंडे केवल नेटवर्क प्रोटोकॉल के लिए आवश्यक हैं, इसलिए, स्थानीय फ़ाइल प्रोटोकॉल के मामले में, हम उन्हें स्थापित नहीं करते हैं।

इससे पहले, XMLHttpRequest से बाइनरी प्राप्त करने के लिए, आपको कुछ टोना-टोटका का सहारा लेना पड़ता था। XHR में नए प्रतिक्रिया प्रकारों की शुरुआत के साथ, चीजें आसान हो गईं। इसलिए, हम टाइप arraybuffer उपयोग करेंगे और भविष्य में टाइप किए गए सरणियों के साथ काम करेंगे।

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

3. टोरेंट फाइल की प्रोसेसिंग और आउटपुट

 function processTFile(tFile) { var byteArray = new Uint8Array(tFile); var torrentObject = bdecode(byteArray); if (torrentObject) { if (torrentObject['creation date']) { torrentObject['creation date'] = (new Date(torrentObject['creation date']*1000)).toLocaleString(); } if (torrentObject.info) { var files = torrentObject.info.files; if (files && files instanceof Array) { for (var i = 0, file; file = files[i]; i++) { if (file.length) { file.length = Number((file.length / 1024).toFixed(2)).toLocaleString() + " KB"; } if (file['path.utf-8']) { file['path.utf-8'] = file['path.utf-8'].join("/"); } if (file.path) { file.path = file.path.join("/"); } } if (files[0]['path.utf-8']) { files = files.sort( function(o1, o2) { if (o1['path.utf-8'] > o2['path.utf-8']) {return 1;} else if (o1['path.utf-8'] < o2['path.utf-8']) {return -1;} else {return 0;} } ); } else if (files[0].path) { files = files.sort( function(o1, o2) { if (o1['path'] > o2['path']) {return 1;} else if (o1['path'] < o2['path']) {return -1;} else {return 0;} } ); } files.unshift(files.length); } else { if (torrentObject.info.length) { torrentObject.info.length = Number((torrentObject.info.length / 1024).toFixed(2)).toLocaleString() + " KB"; } } } if (gBrowser.selectedBrowser.currentURI.spec == "about:blank" && !gBrowser.selectedBrowser.webProgress.isLoadingDocument) { gBrowser.selectedBrowser.loadURI( "data:application/json;charset=utf-8," + encodeURIComponent(JSON.stringify(torrentObject, null, '\t')) ); } else { gBrowser.selectedTab = gBrowser.addTab( "data:application/json;charset=utf-8," + encodeURIComponent(JSON.stringify(torrentObject, null, '\t')) ); } torrentObject = null; } else { alert("Parsing error"); } }

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

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

4. पार्सर BEncode

 function bdecode(byteArray, byteIndex, isRawBytes) { if (byteIndex === undefined) { byteIndex = [0]; } var item = String.fromCharCode(byteArray[byteIndex[0]++]); if(item == 'd') { var dic = {}; item = String.fromCharCode(byteArray[byteIndex[0]++]); while(item != 'e') { byteIndex[0]--; var key = bdecode(byteArray, byteIndex); if (key == "pieces") { dic[key] = bdecode(byteArray, byteIndex, true); } else { dic[key] = bdecode(byteArray, byteIndex); } item = String.fromCharCode(byteArray[byteIndex[0]++]); } return dic; } if(item == 'l') { var list = []; item = String.fromCharCode(byteArray[byteIndex[0]++]); while(item != 'e') { byteIndex[0]--; list.push(bdecode(byteArray, byteIndex)); item = String.fromCharCode(byteArray[byteIndex[0]++]); } return list; } if(item == 'i') { var num = ''; item = String.fromCharCode(byteArray[byteIndex[0]++]); while(item != 'e') { num += item; item = String.fromCharCode(byteArray[byteIndex[0]++]); } return Number(num); } if(/\d/.test(item)) { var num = ''; while(/\d/.test(item)) { num += item; item = String.fromCharCode(byteArray[byteIndex[0]++]); } num = Number(num); var line = ''; if (isRawBytes) { byteIndex[0] += num; return "[" + num + "]"; } else { while(num--) { line += escape(String.fromCharCode(byteArray[byteIndex[0]++])); } try { return decodeURIComponent(line); } catch(e) { return unescape(line) + " (?!)"; } } } return null; }

मैंने पर्ल पार्सर को आधार के रूप में लिया, इसकी संक्षिप्तता और सरलता से बहकाया। पहले तो मैंने टाइप की गई सरणी को एक नियमित बाइट सरणी में बदलने की कोशिश की, ताकि मैं shift साथ काम कर shift , लेकिन इस कार्यान्वयन ने बहुत धीरे-धीरे काम किया (शायद एक बड़े सरणी के निरंतर परिवर्तन के कारण)। इसलिए, हमें एक बढ़ती-बढ़ती एक्सेस इंडेक्स की शुरुआत करनी थी, इसे एक सरणी में लपेटकर (ताकि आप पुनरावृत्ति में संदर्भ से गुजर सकें)।

मूल नमूने से मुख्य अंतर लाइन पार्सिंग ब्लॉक है। सबसे पहले, हम आउटपुट से एक बड़ी स्ट्रिंग को हटाते हैं जिसमें बाइट्स के सेगमेंट होते हैं (यह एक स्पष्ट स्थान है, इसलिए, संबद्ध सरणी को पार्स करने में वांछित कुंजी तक पहुंच गया है, हम अस्थायी रूप से इस कुंजी के मूल्य को पार्स करने के लिए कॉल में एन्कोडिंग अक्षम ध्वज सेट करते हैं)। दूसरे, हम बाकी लाइनों के लिए यूटीएफ -8 में बाइट्स को परिवर्तित करने के कुछ हेरफेर करते हैं। यहां हम खतरे में हैं: कभी-कभी यह लाइनों में UTF-8 नहीं होता है (उदाहरण के लिए, लोकप्रिय tracker.0day.kiev.ua ट्रैकर किसी भी तरह "ट्रैकर" शब्द को "स्रोत" कुंजी में Windows-1251 एन्कोडिंग में सम्मिलित करता है) और एक त्रुटि के साथ डिकोड्यूरिकोम्पोनेंट क्रैश । इसलिए, ऐसे मामलों के लिए, हम इसे थोड़ा सा चिह्नित करते हुए, स्ट्रिंग को कच्चा दृश्य लौटाते हैं। ऐसी पंक्तियों को पूरी तरह से हटाना संभव होगा, लेकिन कभी-कभी उनमें से केवल एक टुकड़ा एक समस्या का कारण बनता है, मुख्य भाग ASCII के संयोग और UTF-8 की शुरुआत के कारण काफी पठनीय है।

चतुर्थ। संभावनाओं

वर्णित जानकारी को पार्स करने और प्राप्त करने के आधार पर, अधिक जटिल कार्यों को लागू किया जा सकता है। उदाहरण के लिए:

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

- यदि फ़ाइल अपडेट की जाती है, तो इसे ब्राउज़र से डिस्क पर एक फ़ोल्डर में स्वचालित रूप से सहेजा जा सकता है, जहां टोरेंट क्लाइंट इसे उठाएगा (यहां हम इंटरफेस nsIFile , nsILocalFile , nsIFilePicker , nsIFileOutputStream , nsIBinaryOutputStream और नमूना कोड ) में रुचि ले सकते हैं।

- चूंकि नवीनतम XHR कार्यान्वयन फ़ाइल का समर्थन करते हैं: // प्रोटोकॉल, बटन का उपयोग करके आप स्थानीय धार फ़ाइलों और यहां तक कि क्लाइंट डेटाबेस (जैसे settings.dat या फिर से शुरू करने की स्थिति में भी देख सकते हैं), हालांकि, बाद के मामले में क्रोको-ज़ोम्स के साथ कई बाइनरी स्ट्रिंग्स होंगे। ऐसा करने के लिए, ब्राउज़र में फ़ाइलों के साथ फ़ोल्डर खोलें और उन्हें बटन पर खींचें।

बटन को स्थापित करने का वादा किया हुआ लिंक (यदि कोई व्यक्ति कोड को आरंभिक टैब में भागों में कॉपी नहीं करना चाहता है): चूँकि हब्बरपारर्स http प्रोटोकॉल के माध्यम से लिंक को रीमेक करता है, इसलिए आपको इस पृष्ठ पर जाने की जरूरत है और लिंक पर क्लिक करें "टोरेंट फाइल देखें" (बेशक, कस्टम स्थापित करने के बाद बटन)।

मैं माफी माँगता हूँ अगर मैं किसी को शिल्प की गलतता या गलत शब्दों से परेशान करता हूँ। मुझे उम्मीद है कि कम से कम यह अनुभव किसी के लिए उपयोगी है।

जावास्क्रिप्ट में पार्सिंग BEncode। फ़ायरफ़ॉक्स में धार फ़ाइलें देखें