nginx-നുള്ള കോൺഫിഗറുകളുടെ ജനറേഷൻ, ഒരു പുൾ അഭ്യർത്ഥനയുടെ ചരിത്രം

അഭിവാദ്യങ്ങൾ, സഖാക്കളേ. എന്റെ കോംബാറ്റ് സെർവറുകളിൽ മനോഹരം nginx 2006 മുതൽ പ്രവർത്തിക്കുന്നു, അതിന്റെ ഭരണത്തിന്റെ വർഷങ്ങളിൽ ഞാൻ ധാരാളം കോൺഫിഗറുകളും ടെംപ്ലേറ്റുകളും ശേഖരിച്ചു. ഞാൻ nginx നെ വളരെയധികം പ്രശംസിച്ചു, എങ്ങനെയോ ഞാൻ ഹബിൽ ഒരു nginx ഹബ് ആരംഭിച്ചതായി തെളിഞ്ഞു, m/
സുഹൃത്തുക്കൾ അവർക്കായി ഒരു വികസന ഫാം സജ്ജീകരിക്കാൻ എന്നോട് ആവശ്യപ്പെട്ടു, എന്റെ നിർദ്ദിഷ്ട ടെംപ്ലേറ്റുകൾ വലിച്ചിടുന്നതിനുപകരം, രസകരമായ ഒരു പ്രോജക്റ്റ് ഞാൻ ഓർത്തു. nginxconfig.io, ഇത് ഷെൽഫുകളിൽ കോൺഫിഗറുകൾ ചിതറിക്കുകയും എൻക്രിപ്റ്റ് ചെയ്യാൻ അനുവദിക്കുകയും ചെയ്യുന്നതിനായി എല്ലാം തയ്യാറാക്കുകയും ചെയ്യുന്നു. ഞാൻ ചിന്തിച്ചു, എന്തുകൊണ്ട് പാടില്ല? എന്നിരുന്നാലും, wget/fetch/curl ഉപയോഗിച്ച് സെർവറിലേക്ക് നേരിട്ട് അപ്‌ലോഡ് ചെയ്യാൻ എന്നെ അനുവദിക്കാതെ, ബ്രൗസറിലേക്ക് zip ആർക്കൈവ് ഡൗൺലോഡ് ചെയ്യാൻ nginxconfig വാഗ്ദാനം ചെയ്യുന്നു എന്ന വസ്തുത എന്നെ പ്രകോപിപ്പിച്ചു. എന്ത് വിഡ്ഢിത്തം, എനിക്ക് ബ്രൗസറിൽ ഇത് എന്തിന് ആവശ്യമാണ്, കൺസോളിൽ നിന്ന് സെർവറിൽ എനിക്ക് അത് ആവശ്യമാണ്. ദേഷ്യം വന്ന്, പ്രോജക്റ്റിന്റെ ധൈര്യം കാണാൻ ഞാൻ ഗിത്തബിലേക്ക് പോയി, അത് അതിന്റെ നാൽക്കവലയിലേക്ക് നയിച്ചു, അതിന്റെ ഫലമായി ഒരു പുൾ അഭ്യർത്ഥന. അത് രസകരമല്ലെങ്കിൽ ഞാൻ എഴുതില്ല

തീർച്ചയായും, ഉറവിടങ്ങൾ പരിശോധിക്കുന്നതിന് മുമ്പ്, കോൺഫിഗറേഷനുകൾ ഉപയോഗിച്ച് സൃഷ്‌ടിച്ച zip ആർക്കൈവ് Chrome എവിടെയാണ് വലിക്കുന്നത് എന്ന് ഞാൻ നോക്കി, അവിടെ "ബ്ലോബ്:" എന്ന് തുടങ്ങുന്ന ഒരു വിലാസം എനിക്കായി കാത്തിരിക്കുന്നു, ശ്ശോ. സേവനം വഴിയിൽ ഒന്നും സൃഷ്ടിക്കുന്നില്ലെന്ന് ഇതിനകം വ്യക്തമായിട്ടുണ്ട്, വാസ്തവത്തിൽ, ഇതെല്ലാം ചെയ്യുന്നത് js ആണ്. തീർച്ചയായും, zip ആർക്കൈവ്, ക്ലയന്റ്, ബ്രൗസർ, ജാവാസ്ക്രിപ്റ്റ് എന്നിവയാൽ സൃഷ്ടിക്കപ്പെട്ടതാണ്. ആ. പദ്ധതി എന്നതാണ് ഭംഗി nginxconfig.io ഒരു html പേജായി സേവ് ചെയ്യാം, ചിലതിലേക്ക് അപ്‌ലോഡ് ചെയ്യാം narod.ru ഇത് പ്രവർത്തിക്കും) ഇത് വളരെ രസകരവും രസകരവുമായ ഒരു പരിഹാരമാണ്, എന്നിരുന്നാലും, സെർവറുകൾ സജ്ജീകരിക്കുന്നതിന് ഇത് വളരെ അസൗകര്യമാണ്, വാസ്തവത്തിൽ, ഈ പ്രോജക്റ്റ് സൃഷ്ടിച്ചതിന് വേണ്ടിയാണ്. ജനറേറ്റ് ചെയ്‌ത ആർക്കൈവ് ഒരു ബ്രൗസർ ഉപയോഗിച്ച് ഡൗൺലോഡ് ചെയ്‌ത് 2019-ൽ nc... ഉപയോഗിച്ച് സെർവറിലേക്ക് മാറ്റണോ? തത്ഫലമായുണ്ടാകുന്ന കോൺഫിഗറേഷൻ സെർവറിലേക്ക് നേരിട്ട് ഡൗൺലോഡ് ചെയ്യുന്നതിനുള്ള ഒരു വഴി കണ്ടെത്തുന്നതിനുള്ള ചുമതല ഞാൻ സ്വയം സജ്ജമാക്കി.
പ്രോജക്റ്റ് ഫോർക്ക് ചെയ്ത ശേഷം, എന്റെ ഓപ്ഷനുകൾ എന്താണെന്ന് ഞാൻ ചിന്തിക്കാൻ തുടങ്ങി. പിന്നാമ്പുറങ്ങളില്ലാതെ, ശുദ്ധമായ ഒരു ഫ്രണ്ട് എൻഡ് ആയിത്തന്നെ പ്രൊജക്റ്റ് നിലനിൽക്കണമെന്ന വ്യവസ്ഥയിൽ നിന്ന് വ്യതിചലിക്കാൻ ഞാൻ ആഗ്രഹിക്കുന്നില്ല എന്നത് ചുമതല സങ്കീർണ്ണമാക്കി. തീർച്ചയായും, ഏറ്റവും ലളിതമായ പരിഹാരം നോഡേജുകൾ വലിച്ചിടുകയും നേരിട്ടുള്ള ലിങ്കുകൾ ഉപയോഗിച്ച് കോൺഫിഗറുകളുള്ള ഒരു ആർക്കൈവ് സൃഷ്ടിക്കാൻ നിർബന്ധിക്കുകയും ചെയ്യുക എന്നതാണ്.
യഥാർത്ഥത്തിൽ, ധാരാളം ഓപ്ഷനുകൾ ഇല്ലായിരുന്നു. കൂടുതൽ കൃത്യമായി പറഞ്ഞാൽ ഒന്ന് മാത്രം മനസ്സിൽ വന്നു. ഒരു zip ആർക്കൈവ് ലഭിക്കുന്നതിന് ഞങ്ങൾ കോൺഫിഗറുകൾ സജ്ജീകരിക്കുകയും സെർവർ കൺസോളിലേക്ക് പകർത്താൻ കഴിയുന്ന ഒരു ലിങ്ക് നേടുകയും വേണം.
തത്ഫലമായുണ്ടാകുന്ന സിപ്പ് ആർക്കൈവിലെ നിരവധി ടെക്‌സ്‌റ്റ് ഫയലുകൾക്ക് കുറച്ച് ഭാരമുണ്ട്, അക്ഷരാർത്ഥത്തിൽ കുറച്ച് കിലോബൈറ്റുകൾ. കൺസോളിൽ കമാൻഡ് ഉള്ള സെർവറിൽ ആയിരിക്കുമ്പോൾ, ജനറേറ്റ് ചെയ്ത zip ആർക്കൈവിൽ നിന്ന് base64 സ്ട്രിംഗ് എടുത്ത് ബഫറിലേക്ക് എറിയുക എന്നതായിരുന്നു വ്യക്തമായ പരിഹാരം.

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

ഇതേ zip ഫയൽ നമുക്ക് ഉണ്ടാക്കാം.

nginxconfig.io AngularJS-ൽ എഴുതിയത്, രചയിതാവ് ഒരു റിയാക്ടീവ് js ഫ്രെയിംവർക്ക് തിരഞ്ഞെടുത്തില്ലെങ്കിൽ എത്ര കിലോമീറ്റർ കോഡ് ആവശ്യമായി വരുമെന്ന് എനിക്ക് ഊഹിക്കാൻ പോലും കഴിയില്ല. ഇത് തികച്ചും വ്യത്യസ്തമായ വിഷയമാണെങ്കിലും, VueJS-ൽ ഇതെല്ലാം എത്രത്തോളം ലളിതവും മനോഹരവുമാണെന്ന് എനിക്ക് സങ്കൽപ്പിക്കാൻ കഴിയും.
പ്രോജക്റ്റ് ഉറവിടങ്ങളിൽ ഒരു zip ആർക്കൈവ് സൃഷ്ടിക്കുന്നതിനുള്ള ഒരു രീതി ഞങ്ങൾ കാണുന്നു:

$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 കോൺഫിഗറേഷൻ ഫയലുകൾ സ്ഥാപിച്ചിരിക്കുന്നിടത്ത് ഒരു zip സൃഷ്ടിക്കപ്പെടുന്നു. zip ആർക്കൈവ് സൃഷ്ടിച്ച ശേഷം, js അത് ലൈബ്രറി ഉപയോഗിച്ച് ബ്രൗസറിലേക്ക് ഫീഡ് ചെയ്യുന്നു FileSaver.js:

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

സിപ്പ് ആർക്കൈവിന്റെ ഫലമായുണ്ടാകുന്ന ബ്ലോബ് ഒബ്‌ജക്റ്റാണ് ഉള്ളടക്കം.

ശരി, ഞാൻ ചെയ്യേണ്ടത് അതിനടുത്തായി മറ്റൊരു ബട്ടൺ ചേർക്കുകയാണ്, ഞാൻ അതിൽ ക്ലിക്ക് ചെയ്യുമ്പോൾ, തത്ഫലമായുണ്ടാകുന്ന 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',
	});
};

നിങ്ങൾ ശ്രദ്ധിച്ചിരിക്കാം, ഞാൻ zip ആർക്കൈവിന്റെ ജനറേഷൻ തന്നെ സ്വകാര്യ ജനറേറ്റ്സിപ്പ് രീതിയിലേക്കും മറ്റും നീക്കി. ഇതാണ് AngularJS, രചയിതാവ് തന്നെ കോൾബാക്കുകളിൽ ഉറച്ചുനിൽക്കുന്നു, വാഗ്ദാനങ്ങളിലൂടെ അത് നടപ്പിലാക്കിയില്ല. ഡൌൺലോഡ്സിപ്പ് ഇപ്പോഴും ഒരു ഔട്ട്പുട്ടായി സേവ്ആസ് ചെയ്തു, ഡൗൺലോഡ്ബേസ്64 അല്പം വ്യത്യസ്തമായ എന്തെങ്കിലും ചെയ്തു. ഞങ്ങൾ ഒരു ഫയൽ റീഡർ ഒബ്‌ജക്റ്റ് സൃഷ്‌ടിക്കുന്നു, അത് html5-ൽ ഞങ്ങൾക്ക് വന്നു, അത് ഇതിനകം തന്നെ ശരിയാണ് ആക്സസ് ചെയ്യാവുന്ന ഉപയോഗത്തിന്. ഒരു സമയത്ത്, ഒരു ബ്ളോബിൽ നിന്ന് ഒരു Base64 സ്ട്രിംഗ് ഉണ്ടാക്കാം, അല്ലെങ്കിൽ അത് ഒരു DataURL സ്ട്രിംഗ് ഉണ്ടാക്കുന്നു, പക്ഷേ ഇത് ഞങ്ങൾക്ക് അത്ര പ്രധാനമല്ല, കാരണം DataURL-ൽ നമുക്ക് ആവശ്യമുള്ളത് കൃത്യമായി അടങ്ങിയിരിക്കുന്നു. ബിങ്കോ, ഇതെല്ലാം ബഫറിൽ ഇടാൻ ശ്രമിക്കുമ്പോൾ ഒരു ചെറിയ സ്നാഗ് എന്നെ കാത്തിരുന്നു. രചയിതാവ് പദ്ധതിയിൽ ലൈബ്രറി ഉപയോഗിച്ചു ക്ലിപ്പ്ബോർഡ്ജെസ്, തിരഞ്ഞെടുത്ത വാചകത്തെ അടിസ്ഥാനമാക്കി, ഫ്ലാഷ് ഒബ്ജക്റ്റുകളില്ലാതെ ക്ലിപ്പ്ബോർഡിൽ പ്രവർത്തിക്കാൻ ഇത് നിങ്ങളെ അനുവദിക്കുന്നു. തുടക്കത്തിൽ, ഡിസ്പ്ലേ ഉള്ള ഒരു ഘടകത്തിൽ എന്റെ base64 ഇടാൻ ഞാൻ തീരുമാനിച്ചു: ഒന്നുമില്ല;, എന്നാൽ ഈ സാഹചര്യത്തിൽ എനിക്ക് അത് ക്ലിപ്പ്ബോർഡിൽ ഇടാൻ കഴിഞ്ഞില്ല കാരണം വേർപിരിയൽ സംഭവിക്കുന്നില്ല. അതിനാൽ, പ്രദർശനത്തിന് പകരം: ഒന്നുമില്ല; ഞാന് ചെയ്തു

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

കാഴ്ചയിൽ നിന്ന് ഘടകം മറയ്‌ക്കാനും യഥാർത്ഥത്തിൽ അത് പേജിൽ ഇടാനും ഇത് എന്നെ അനുവദിച്ചു. വോയ്‌ല, ടാസ്ക് പൂർത്തിയായി, ഞാൻ എന്റെ ബട്ടണിൽ ക്ലിക്കുചെയ്തപ്പോൾ, ഇതുപോലുള്ള ഒരു വരി ബഫറിൽ സ്ഥാപിച്ചു:

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

അത് ഞാൻ സെർവറിലെ കൺസോളിൽ ഒട്ടിച്ചു, ഉടൻ തന്നെ എല്ലാ കോൺഫിഗറുകളുമുള്ള ഒരു zip ആർക്കൈവ് ലഭിച്ചു.
തീർച്ചയായും, ഞാൻ രചയിതാവിന് ഒരു പുൾ അഭ്യർത്ഥന അയച്ചു, കാരണം... പ്രോജക്റ്റ് സജീവവും സജീവവുമാണ്, രചയിതാവിൽ നിന്നുള്ള അപ്‌ഡേറ്റുകൾ കാണാനും എന്റെ സ്വന്തം ബട്ടൺ ഉണ്ടായിരിക്കാനും ഞാൻ ആഗ്രഹിക്കുന്നു) താൽപ്പര്യമുള്ളവർക്ക്, ഇത് ഇതാ. എന്റെ നാൽക്കവല പദ്ധതിയും ഞാനും പുൾ അഭ്യർത്ഥന, ഞാൻ തിരുത്തിയത്/ചേർത്തത് നിങ്ങൾക്ക് എവിടെ കാണാനാകും.
എല്ലാവർക്കും വികസനം ആശംസിക്കുന്നു)

അവലംബം: www.habr.com