nginx-এর জন্য কনফিগারেশন তৈরি করা, একটি পুল অনুরোধের ইতিহাস

শুভেচ্ছা, কমরেডস. আমার যুদ্ধ সার্ভারে সুন্দর nginx 2006 সাল থেকে চলছে এবং এর প্রশাসনের কয়েক বছর ধরে আমি প্রচুর কনফিগার এবং টেমপ্লেট জমা করেছি। আমি nginx-এর অনেক প্রশংসা করেছি এবং একরকম দেখা গেল যে আমি হাবের উপর একটি nginx হাবও শুরু করেছি, এছাড়াও, শো অফ m/
বন্ধুরা আমাকে তাদের জন্য একটি উন্নয়ন খামার স্থাপন করতে বলেছিল, এবং আমার নির্দিষ্ট টেমপ্লেটগুলি তাদের টেনে আনার পরিবর্তে, আমি একটি আকর্ষণীয় প্রকল্পের কথা মনে রেখেছিলাম nginxconfig.io, যা তাকগুলিতে কনফিগারগুলি ছড়িয়ে দেয় এবং lets এনক্রিপ্ট ইত্যাদির জন্য সবকিছু প্রস্তুত করে। ভাবলাম, কেন নয়? যাইহোক, আমি ক্ষুব্ধ হয়েছিলাম যে nginxconfig আমাকে wget/fetch/curl ব্যবহার করে সরাসরি সার্ভারে আপলোড করার অনুমতি না দিয়ে ব্রাউজারে জিপ সংরক্ষণাগারটি ডাউনলোড করার প্রস্তাব দেয়। কি আজেবাজে কথা, ব্রাউজারে এটার দরকার কেন, কনসোল থেকে সার্ভারে দরকার। রাগান্বিত, আমি প্রকল্পের সাহস দেখতে গিথুবে গিয়েছিলাম, যা এর কাঁটাচামড়ার দিকে পরিচালিত করেছিল এবং ফলস্বরূপ, একটি টান অনুরোধ। যা আকর্ষণীয় না হলে আমি লিখতাম না 😉

অবশ্যই, উত্সগুলিতে খনন করার আগে, আমি দেখেছিলাম যে ক্রোম কনফিগারেশন সহ জেনারেট করা জিপ সংরক্ষণাগারটি কোথায় টেনেছে, এবং সেখানে "ব্লব:" দিয়ে শুরু হওয়া একটি ঠিকানা আমার জন্য অপেক্ষা করছে, ওহো৷ এটি ইতিমধ্যেই স্পষ্ট হয়ে গেছে যে পরিষেবাটি পথে কিছু তৈরি করে না, আসলে, এটি সবই js দ্বারা করা হয়েছে। প্রকৃতপক্ষে, জিপ সংরক্ষণাগারটি ক্লায়েন্ট, ব্রাউজার এবং জাভাস্ক্রিপ্ট নিজেই তৈরি করে। সেগুলো. সৌন্দর্য হল যে প্রকল্প nginxconfig.io সহজভাবে একটি html পৃষ্ঠা হিসাবে সংরক্ষণ করা যেতে পারে, কিছুতে আপলোড করা হয় narod.ru এবং এটি কাজ করবে) এটি একটি খুব মজার এবং আকর্ষণীয় সমাধান, যাইহোক, এটি সার্ভার সেট আপ করার জন্য ভয়ঙ্করভাবে অসুবিধাজনক, আসলে, এই প্রকল্পটি ঠিক কি জন্য তৈরি করা হয়েছিল। একটি ব্রাউজার দিয়ে জেনারেট করা সংরক্ষণাগারটি ডাউনলোড করুন এবং তারপর 2019 সালে nc... ব্যবহার করে সার্ভারে স্থানান্তর করুন? আমি সরাসরি সার্ভারে ফলাফল কনফিগারেশন ডাউনলোড করার উপায় খুঁজে বের করার কাজটি সেট করেছি।
প্রকল্পটি কাঁটা দেওয়ার পরে, আমি আমার বিকল্পগুলি কী ছিল তা নিয়ে ভাবতে শুরু করি। কাজটি এই কারণে জটিল ছিল যে আমি এই শর্ত থেকে বিচ্যুত হতে চাইনি যে প্রকল্পটি একটি বিশুদ্ধ ফ্রন্ট-এন্ড থাকবে, কোনও ব্যাক-এন্ড ছাড়াই। অবশ্যই, সবচেয়ে সহজ সমাধান হবে নোডজগুলিকে টেনে আনা এবং সরাসরি লিঙ্কগুলি ব্যবহার করে কনফিগারেশন সহ একটি সংরক্ষণাগার তৈরি করতে বাধ্য করা।
আসলে, অনেক বিকল্প ছিল না. আরও স্পষ্টভাবে, শুধুমাত্র একটি মনে এসেছিল। আমাদের কনফিগারগুলি সেট আপ করতে হবে এবং একটি লিঙ্ক পেতে হবে যা আমরা একটি জিপ সংরক্ষণাগার পেতে সার্ভার কনসোলে অনুলিপি করতে পারি।
ফলে জিপ আর্কাইভের বেশ কিছু টেক্সট ফাইলের ওজন ছিল বেশ কিছুটা, আক্ষরিক অর্থে কয়েক কিলোবাইট। সুস্পষ্ট সমাধান ছিল জেনারেট করা জিপ আর্কাইভ থেকে বেস64 স্ট্রিংটি পাওয়া এবং কনসোলে কমান্ড সহ সার্ভারে থাকাকালীন এটিকে বাফারে ফেলে দেওয়া।

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

আমরা এই একই জিপ ফাইল তৈরি করতে পারি।

nginxconfig.io অ্যাঙ্গুলারজেএস-এ লেখা হয়েছিল, লেখক প্রতিক্রিয়াশীল জেএস ফ্রেমওয়ার্ক না বেছে নিলে কত কিলোমিটার কোডের প্রয়োজন হত তা আমি কল্পনাও করতে পারি না। কিন্তু আমি পুরোপুরি কল্পনা করতে পারি যে 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',
	});
};

আপনি হয়তো লক্ষ্য করেছেন, আমি জিপ সংরক্ষণাগারের প্রজন্মকে ব্যক্তিগত জেনারেটজিপ পদ্ধতিতে সরিয়ে নিয়েছি, এবং আরও অনেক কিছু। এটি AngularJS, এবং লেখক নিজেই কলব্যাকগুলিতে লেগে থাকেন এবং প্রতিশ্রুতির মাধ্যমে এটি বাস্তবায়ন করেননি। downloadZip এখনও একটি আউটপুট হিসাবে saveAs করেছে, যখন downloadBase64 কিছুটা ভিন্ন কিছু করেছে। আমরা একটি FileReader অবজেক্ট তৈরি করি যা আমাদের কাছে html5 এ এসেছে এবং ইতিমধ্যেই বেশ অ্যাক্সেসযোগ্য ব্যবহারের জন্য যা, এক সময়ে, একটি ব্লব থেকে একটি base64 স্ট্রিং তৈরি করতে পারে, বা বরং, এটি একটি DataURL স্ট্রিং তৈরি করে, তবে এটি আমাদের জন্য এত গুরুত্বপূর্ণ নয়, কারণ DataURL-এ আমাদের যা প্রয়োজন ঠিক তা রয়েছে। বিঙ্গো, আমি যখন বাফারে এই সব রাখার চেষ্টা করি তখন একটু সমস্যা আমার জন্য অপেক্ষা করেছিল। লেখক প্রকল্পে লাইব্রেরি ব্যবহার করেছেন clipboardjs, যা আপনাকে নির্বাচিত পাঠ্যের উপর ভিত্তি করে ফ্ল্যাশ বস্তু ছাড়াই ক্লিপবোর্ডের সাথে কাজ করতে দেয়। প্রাথমিকভাবে, আমি আমার বেস 64 ডিসপ্লে সহ একটি উপাদানে রাখার সিদ্ধান্ত নিয়েছি: কিছুই নয়;, তবে এই ক্ষেত্রে আমি এটি ক্লিপবোর্ডে রাখতে পারিনি কারণ কোন বিচ্ছেদ ঘটে না। অতএব, প্রদর্শনের পরিবর্তে:কিছুই নয়; আমি করেছিলাম

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

যা আমাকে উভয় উপাদানটিকে দৃশ্য থেকে আড়াল করতে এবং প্রকৃতপক্ষে এটিকে পৃষ্ঠায় রেখে যেতে দেয়। ভয়েলা, টাস্কটি সম্পন্ন হয়েছিল, যখন আমি আমার বোতামে ক্লিক করি, বাফারে এইরকম একটি লাইন স্থাপন করা হয়েছিল:

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

যা আমি কেবল সার্ভারের কনসোলে আটকেছি এবং অবিলম্বে সমস্ত কনফিগারেশন সহ একটি জিপ সংরক্ষণাগার পেয়েছি।
এবং, অবশ্যই, আমি লেখকের কাছে একটি টান অনুরোধ পাঠিয়েছি, কারণ ... প্রকল্পটি সক্রিয় এবং প্রাণবন্ত, আমি লেখকের কাছ থেকে আপডেট দেখতে চাই এবং আমার নিজস্ব বোতাম আছে) যারা আগ্রহী তাদের জন্য, এটি এখানে আমার কাঁটা প্রকল্প এবং আমি অনুরোধ টান, যেখানে আপনি দেখতে পাবেন আমি কি সংশোধন/সংযোজন করেছি।
সবাইকে উন্নয়নের শুভেচ্ছা)

উত্স: www.habr.com