Nginx के लिए कॉन्फ़िगर पीढ़ी, एक पुल अनुरोध का इतिहास

अभिवादन, साथियों। मेरे युद्ध सर्वरों पर, 2006 से सुंदर नगीने घूम रहे हैं और इसके प्रशासन के वर्षों में मैंने बहुत सारे कॉन्फिग और टेम्प्लेट जमा किए हैं। मैंने नेग्नेक्स की बहुत प्रशंसा की और किसी तरह यह पता चला कि हेब्रा पर भी नेगनेक्स हब ने मुझे शुरू कर दिया है, \ m /

दोस्तों ने मुझे उनके लिए एक विकास फार्म बढ़ाने के लिए कहा, और उन्हें अपने विशिष्ट टेम्पलेट्स के साथ खींचने के बजाय, मुझे एक दिलचस्प प्रोजेक्ट nginxconfig.io याद आया , जो स्कैटर कॉन्फ़िगर करता है और सब कुछ एन्क्रिप्ट करने देता है, आदि। मैंने सोचा, क्यों नहीं? हालांकि, मैं इस तथ्य से नाराज था कि nginxconfig मुझे ब्राउज़र के लिए जिप संग्रह डाउनलोड करने की पेशकश करता है, न कि मुझे इसे सीधे wget / fetch / curl का उपयोग करके सर्वर पर मर्ज करने की अनुमति देता है। किस तरह की बकवास है, मुझे ब्राउज़र में इसकी आवश्यकता क्यों है, मुझे कंसोल से सर्वर पर इसकी आवश्यकता है। गुस्से में, मैं इस परियोजना की हिम्मत को देखने के लिए गितुब पर चढ़ गया, जिसके कारण इसके कांटा और, परिणामस्वरूप अनुरोध को खींचें। जिसके बारे में मैं नहीं लिखूंगा अगर यह दिलचस्प नहीं था;)



बेशक, स्रोत को चुनने से पहले, मैंने देखा कि कहां से क्रोम कॉन्फ़िगर किए गए ज़िप संग्रह को खींचता है, और वहां मैं "बूँद:", oppa से शुरू होने वाले पते की प्रतीक्षा कर रहा था। यह पहले से ही स्पष्ट हो गया है कि इस प्रक्रिया में सेवा कुछ भी उत्पन्न नहीं करती है, वास्तव में जेएस यह सब करता है। दरअसल, जिप आर्काइव क्लाइंट, ब्राउजर, जावास्क्रिप्ट द्वारा ही तैयार किया जाता है। यानी आकर्षण यह है कि nginxconfig.io परियोजना को केवल एक html पृष्ठ के रूप में सहेजा जा सकता है, जिसे कुछ narod.ru पर अपलोड किया गया है और यह काम करेगा) यह एक बहुत ही मजेदार और दिलचस्प समाधान है, हालांकि, सर्वर स्थापित करने के लिए यह बहुत असुविधाजनक है, वास्तव में, के लिए क्या इस परियोजना के लिए बनाया गया था। ब्राउज़र द्वारा उत्पन्न संग्रह डाउनलोड करें, और फिर इसे 2019 में nc ... का उपयोग करके सर्वर पर स्थानांतरित करें? मैंने खुद को सर्वर से सीधे परिणामी कॉन्फ़िगरेशन को डाउनलोड करने का तरीका खोजने का कार्य निर्धारित किया।

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

वास्तव में, कई विकल्प नहीं थे। अधिक सटीक, केवल एक को ध्यान में आया। हमें कॉन्फ़िगरेशन कॉन्फ़िगर करने और एक लिंक प्राप्त करने की आवश्यकता है जिसे हम ज़िप कंसोल के लिए सर्वर कंसोल पर कॉपी कर सकते हैं।

परिणामी ज़िप संग्रह में कई पाठ फ़ाइलों का वजन काफी कम था, शाब्दिक रूप से कुछ किलोबाइट। स्पष्ट समाधान बेस जिप संग्रह से बेस 64 स्ट्रिंग प्राप्त करने और इसे बफर में फेंकने के लिए था, जबकि कंसोल पर कमांड के साथ सर्वर पर

echo 'base64string' | base64 --decode > config.zip 

हम इसे बहुत ज़िप फ़ाइल बना सकते हैं।

nginxconfig.io को AngularJS में लिखा गया था, मैं कल्पना भी नहीं कर सकता कि लेखक ने प्रतिक्रियाशील js फ्रेमवर्क का चयन नहीं किया तो कोड की क्या किलोमीटर की आवश्यकता होगी। लेकिन मैं पूरी तरह से कल्पना करता हूं कि VueJS पर यह सब लागू करना कितना आसान और अधिक सुंदर होगा, हालांकि यह पहले से ही एक पूरी तरह से अलग विषय है।

परियोजना संसाधनों में हम एक ज़िप आर्काइव बनाने की विधि देखते हैं:

 $scope.downloadZip = function() { var zip = new JSZip(); var sourceCodes = $window.document.querySelectorAll('main .file .code.source'); for (var i = 0; i < sourceCodes.length; i++) { var sourceCode = sourceCodes[i]; var name = sourceCode.dataset.filename; var content = sourceCode.children[0].children[0].innerText; if (!$scope.isSymlink() && name.match(/^sites-available\//)) { name = name.replace(/^sites-available\//, 'sites-enabled/'); } zip.file(name, content); if (name.match(/^sites-available\//)) { zip.file(name.replace(/^sites-available\//, 'sites-enabled/'), '../' + name, { unixPermissions: parseInt('120755', 8), }); } } zip.generateAsync({ type: 'blob', platform: 'UNIX', }).then(function(content) { saveAs(content, 'nginxconfig.io-' + $scope.getDomains().join(',') + '.zip'); }); gtag('event', $scope.getDomains().join(','), { event_category: 'download_zip', }); }; 

सब कुछ काफी सरल है, jszip लाइब्रेरी का उपयोग करते हुए , एक ज़िप बनाया जाता है जहां कॉन्फ़िगरेशन फ़ाइलों को रखा जाता है। ज़िप संग्रह बनाने के बाद, js इसे FileSaver.js लाइब्रेरी का उपयोग करके ब्राउज़र को खिलाता है:

 saveAs(content, 'nginxconfig.io-' + $scope.getDomains().join(',') + '.zip'); 

जहां सामग्री परिणामी बूँद ज़िप संग्रह वस्तु है।

ठीक है, मुझे बस इतना करना था कि इसके आगे एक और बटन जोड़ दिया जाए और जब मैं इस पर क्लिक करूँ, तो परिणामी ज़िप संग्रह को ब्राउज़र में न सहेजें, लेकिन इससे आधार 64 कोड प्राप्त करें। थोड़ी शर्मिंदगी के बाद, मुझे एक डाउनलोडज़िप के बजाय 2 विधियाँ मिलीं:

 $scope.downloadZip = function() { generateZip(function (content) { saveAs(content, 'nginxconfig.io-' + $scope.getDomains().join(',') + '.zip'); }); gtag('event', $scope.getDomains().join(','), { event_category: 'download_zip', }); }; $scope.downloadBase64 = function() { generateZip(function (content) { var reader = new FileReader(); reader.readAsDataURL(content); reader.onloadend = function() { var base64 = reader.result.replace(/^data:.+;base64,/, ''); //   base64     zip    base64  } }); gtag('event', $scope.getDomains().join(','), { event_category: 'download_base64', }); }; 

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

 position: absolute; z-index: -1; opacity: 0; 

जिसने मुझे अपनी आंखों से तत्व को छिपाने की अनुमति दी और वास्तव में इसे पृष्ठ पर छोड़ दिया। वोइला, कार्य पूरा हो गया है, जब मैंने अपने बटन पर क्लिक किया, तो प्रपत्र की एक पंक्ति बफर में रखी गई थी:

 echo 'base64string' | base64 --decode > config.zip 

जिसे मैंने बस सर्वर पर कंसोल में डाला और तुरंत सभी कॉन्फ़िगरेशन के साथ एक ज़िप संग्रह प्राप्त किया।

ठीक है, ज़ाहिर है, मैंने लेखक को पुल अनुरोध फेंक दिया, क्योंकि परियोजना सक्रिय और जीवंत है, मैं लेखक से अपडेट देखना चाहता हूं और मेरा खुद का बटन है) कौन परवाह करता है, यहां परियोजना का मेरा कांटा है और खुद ही अनुरोध को खींचता है , जहां आप देख सकते हैं कि मैंने क्या तय किया / अद्यतन किया।

क्रियात्मक विकास :-)