আমরা প্রডাকশন মোতায়েনের জন্য আবদ্ধিকে ক্যাশে রাখতে চাই, তবে এটি করার জন্য কোনও সিস্টেম খুঁজে বের করে ব্যাট থেকে কিছুটা সময় নষ্ট করবেন না। আমার চিন্তা ছিল বর্তমান সংস্করণ নম্বর সহ CSS এবং জেএস ফাইলগুলির শেষের দিকে একটি পরম প্রয়োগ করা:
<link rel="stylesheet" href="base_url.com/file.css?v=1.123"/>দুটি প্রশ্ন: এটি কার্যকরভাবে ক্যাশে ভেঙে দেবে? পরম কি ব্রাউজারকে তখন আর ইউআরএলের প্রতিক্রিয়াটিকে কখনই ক্যাশে ফেলবে না কেন যে পরম ইঙ্গিত দেয় যে এটি গতিশীল সামগ্রী?
উত্তর:
প্যারাম ?v=1.123একটি কোয়েরি স্ট্রিং নির্দেশ করে এবং ব্রাউজারটি তাই বলে, এটি থেকে একটি নতুন পথ বলে মনে করবে ?v=1.0। সুতরাং এটি ফাইল থেকে লোড করার কারণ, ক্যাশে থেকে নয়। আপনি যেমন চান.
আর, ব্রাউজার অনুমান করবে উৎস একই পরের বার আপনি যখন কল থাকবো ?v=1.123এবং উচিত যে স্ট্রিং সঙ্গে এটি ক্যাশে। সুতরাং এটি ক্যাশে থাকবে, তবে আপনার সার্ভারটি সেট আপ না হওয়া অবধি আপনি যতক্ষণ না এগিয়ে যান ?v=1.124।
<link rel="stylesheet" href="style.css?v=1487935578" />
দুটি প্রশ্ন: এটি কার্যকরভাবে ক্যাশে ভেঙে দেবে?
হ্যাঁ. এমনকি স্ট্যাক ওভারফ্লো এই পদ্ধতিটি ব্যবহার করে, যদিও আমার মনে আছে যে তারা (প্রতিদিন তাদের লক্ষ লক্ষ দর্শকের সাথে এবং বিভিন্ন ক্লায়েন্ট এবং প্রক্সি সংস্করণ এবং কনফিগারেশনের লক্ষ লক্ষ দর্শকদের সাথে) এমন কিছু ফ্রিক এজ রয়েছে যা এমনকি ক্যাশে ভাঙ্গার পক্ষে যথেষ্ট ছিল না। তবে সাধারণ অনুমানটি হ'ল এটি কাজ করবে এবং ক্লায়েন্টদের উপর ক্যাশে ভাঙার উপযুক্ত পদ্ধতি।
পরম কি ব্রাউজারকে তখন আর ইউআরএলের প্রতিক্রিয়াটিকে কখনই ক্যাশে ফেলবে না কেন যে পরম ইঙ্গিত দেয় যে এটি গতিশীল সামগ্রী?
না, প্যারামিটারটি ক্যাশে নীতি পরিবর্তন করবে না; সার্ভার দ্বারা প্রেরিত ক্যাচিং শিরোনামগুলি এখনও প্রয়োগ হয় এবং এটি কোনও প্রেরণ না করলে ব্রাউজারের ডিফল্ট থাকে।
/static/v22/file.css, যেমন আপনি একক ফোল্ডারের নাম পরিবর্তন করে একাধিক ফাইল করতে পারেন, যেমন /static/v23/file.cssএবং/static/v23/mystuff.js
আসল ফাইলনামে সংস্করণ নম্বরটি রাখা আরও নিরাপদ। এটি একসাথে একাধিক সংস্করণ অস্তিত্বের অনুমতি দেয় যাতে আপনি একটি নতুন সংস্করণ রোল আউট করতে পারেন এবং যদি কোনও ক্যাশেড এইচটিএমএল পৃষ্ঠাগুলি এখনও বিদ্যমান থাকে যা পুরানো সংস্করণটির জন্য অনুরোধ করছে তবে তারা সেই সংস্করণটি পাবেন যা তাদের এইচটিএমএল দিয়ে কাজ করে।
দ্রষ্টব্য, ইন্টারনেটের যে কোনও জায়গায় বৃহত্তম সংস্করণযুক্ত মোতায়েনের মধ্যে, jQuery প্রকৃত ফাইল নামটিতে সংস্করণ নম্বর ব্যবহার করে এবং এটি নিরাপদে একাধিক সংস্করণকে কোনও বিশেষ সার্ভার-সাইড যুক্তিবিহীন সহ-উপস্থিত থাকার অনুমতি দেয় (প্রতিটি সংস্করণ কেবল একটি আলাদা ফাইল)।
আপনি নতুন পৃষ্ঠাগুলি এবং নতুন সংযুক্ত ফাইলগুলি (যা আপনি চান তা) স্থাপন করার পরে এই ক্যাশেটি একবারে আবদ্ধ হয় এবং তখন থেকে সেই সংস্করণগুলিতে কার্যকরভাবে ক্যাশে যায় (যা আপনিও চান)।
যেমনটি অন্যেরা বলেছেন, ক্যোয়ারী প্যারামের সাহায্যে ক্যাশে বুস্টিং সাধারণত একটি খারাপ ধারণা (টিএম) হিসাবে বিবেচিত হয় এবং এটি দীর্ঘকাল ধরে রয়েছে। ফাইলের নামের সংস্করণটি প্রতিবিম্বিত করা ভাল। এইচটিএমএল 5 বয়লারপ্লেট অন্যদের মধ্যে কোয়েরি স্ট্রিংটি ব্যবহার করার বিরুদ্ধে সুপারিশ করে।
এটি বলেছিল, যে উত্সের উদ্ধৃতি দিয়েছিলাম আমি যে সুপারিশগুলি দেখেছি, সমস্তগুলি স্টিভ সোডারসের একটি ২০০ article সালের নিবন্ধ থেকে তাদের জ্ঞান গ্রহণ করেছে বলে মনে হচ্ছে । তার উপসংহারগুলি সেই সময়ে প্রক্সিগুলির আচরণের উপর ভিত্তি করে এবং সেগুলি আজকাল প্রাসঙ্গিক হতে পারে বা নাও পারে। তবুও, আরও বর্তমান তথ্যের অভাবে ফাইলের নাম পরিবর্তন করা নিরাপদ বিকল্প।
সাধারণভাবে এটি সূক্ষ্ম হওয়া উচিত, তবে যদি অনুরোধের পরামিতিগুলি উপেক্ষা করার জন্য একটি মধ্যবর্তী ক্যাশে (প্রক্সি) কনফিগার করা থাকে তবে এটি কাজ করা সম্ভব নয়।
উদাহরণস্বরূপ, আপনি যদি আকামাই সিডিএন এর মাধ্যমে স্থির সামগ্রী সরবরাহ করছেন তবে এই পদ্ধতিটি ব্যবহার করে ক্যাশে বুস্টিং প্রতিরোধ করার জন্য অনুরোধের পরামিতিগুলি উপেক্ষা করার জন্য এটি কনফিগার করা যেতে পারে।
এটি আপনার ক্যাচিংটি কতটা দৃust় হতে চান তা নির্ভর করে। উদাহরণস্বরূপ, স্কুইড প্রক্সি সার্ভার (এবং সম্ভবত অন্যরা) ইউআরএলগুলি ক্যোরিস্ট্রিংয়ের সাথে ক্যাশে না করার জন্য ডিফল্ট হয়েছিল - কমপক্ষে, যখন নিবন্ধটি লেখা হয়েছিল তখন এটি হয়েছিল। যদি আপনি কিছু ব্যবহারের ক্ষেত্রে অপ্রয়োজনীয় ক্যাশে মিস করতে না পারেন তবে আপনার ক্যোয়ারী প্যারামগুলি নিয়ে এগিয়ে যান। তবে ফাইল-নাম ভিত্তিক ক্যাশে-বুস্টিং স্কিম সেট করা খুব সহজ যা এই সমস্যাটি এড়ায়।
এখানে 2 টি কৌশল (ক্যুরিয়ার স্ট্রিং বনাম ফাইলের নাম) এর একটি তুলনা পাওয়া গেছে :
ক্যোরিস্ট্রিং হিসাবে সংস্করণে দুটি সমস্যা রয়েছে।
প্রথমত, এটি সর্বদা ব্রাউজার নাও হতে পারে যা ক্যাশে প্রয়োগ করে যার মাধ্যমে আমাদের আবদ্ধ করা দরকার। বলা হয়ে থাকে যে কিছু নির্দিষ্ট (সম্ভবত আরও বয়স্ক) প্রক্সিগুলি তাদের ক্যাচিং আচরণের ক্ষেত্রে ক্যোরিস্ট্রিংটিকে অগ্রাহ্য করে।
দ্বিতীয়ত, আরও কিছু জটিল স্থাপনার পরিস্থিতিতে যেখানে আপনার একাধিক সামনের এবং / অথবা একাধিক ব্যাকএন্ড সার্ভার রয়েছে, আপগ্রেড হ'ল তাত্ক্ষণিক। আপনাকে একই সাথে আপনার সম্পদের পুরানো এবং নতুন সংস্করণ উভয়ই পরিবেশন করতে সক্ষম হতে হবে। গুগল অ্যাপ ইঞ্জিন ব্যবহার করার সময় এটি আপনাকে কীভাবে প্রভাবিত করে তা উদাহরণস্বরূপ দেখুন।
অন্য অনুরূপ পদ্ধতির ফাইলগুলি পরিবেশন করার সময় পথের কিছু অংশ উপেক্ষা করার জন্য htaccess mod_rewrite ব্যবহার করা। আপনার কখনই ক্যাশেড ইনডেক্স পৃষ্ঠা ফাইলগুলির সর্বশেষতম পন্থার উল্লেখ করে।
বিকাশের দৃষ্টিকোণ থেকে এটি সংস্করণ সংখ্যার জন্য প্যারাম ব্যবহার করার মতোই সহজ, তবে এটি ফাইল নাম পদ্ধতির মতই শক্ত।
সংস্করণ সংখ্যার জন্য পাথের উপেক্ষিত অংশটি ব্যবহার করুন এবং সার্ভারটি কেবল এটিকে উপেক্ষা করে এবং আনকচ করা ফাইলটি পরিবেশন করে।
1.2.3/css/styles.csscss/styles.cssযেহেতু প্রথম ডিরেক্টরিটি htaccess ফাইল দ্বারা মুছে ফেলা এবং উপেক্ষা করা হয় তেমন একই ফাইলটি সরবরাহ করে
<?php
$version = "1.2.3";
?>
<html>
<head>
<meta http-equiv="cache-control" content="max-age=0" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
<meta http-equiv="pragma" content="no-cache" />
<link rel="stylesheet" type="text/css" href="<?php echo $version ?>/css/styles.css">
</head>
<body>
<script src="<?php echo $version ?>/js/main.js"></script>
</body>
</html>নোট করুন যে এই পদ্ধতির অর্থ হল আপনার সূচী পৃষ্ঠার ক্যাচিং অক্ষম করা দরকার - সমস্ত ব্রাউজারে ক্যাচিং বন্ধ করতে <meta> ট্যাগ ব্যবহার করে?
RewriteEngine On
# if you're requesting a file that exists, do nothing
RewriteCond %{REQUEST_FILENAME} !-f
# likewise if a directory that exists, do nothing
RewriteCond %{REQUEST_FILENAME} !-d
# otherwise, rewrite foo/bar/baz to bar/baz - ignore the first directory
RewriteRule ^[^/]+/(.+)$ $1 [L] আপনি কোনও সার্ভার প্ল্যাটফর্মে একই পন্থা নিতে পারেন যা ইউআরএল পুনর্লিখনের অনুমতি দেয়
(মোড_উইরাইট থেকে পুনর্লিখন শর্ত - / #! / ব্যতীত ক্যোয়ারী স্ট্রিংয়ে পুনর্লিখন ডিরেক্টরিটি পুনর্লিখন করুন )
... এবং যদি আপনার সূচী পাতা / সাইট এন্ট্রি পয়েন্টের জন্য ক্যাশে বস্টিংয়ের প্রয়োজন হয় তবে আপনি তা রিফ্রেশ করার জন্য সর্বদা জাভাস্রিপ্ট ব্যবহার করতে পারেন।
<script type="text/javascript">
// front end cache bust
var cacheBust = ['js/StrUtil.js', 'js/protos.common.js', 'js/conf.js', 'bootstrap_ECP/js/init.js'];
for (i=0; i < cacheBust.length; i++){
var el = document.createElement('script');
el.src = cacheBust[i]+"?v=" + Math.random();
document.getElementsByTagName('head')[0].appendChild(el);
}
</script> <script>
var storedSrcElements = [
"js/exampleFile.js",
"js/sampleFile.js",
"css/style.css"
];
var head= document.getElementsByTagName('head')[0];
var script;
var link;
var versionNumberNew = 4.6;
for(i=0;i<storedSrcElements.length;i++){
script= document.createElement('script');
script.type= 'text/javascript';
script.src= storedSrcElements[i] + "?" + versionNumberNew;
head.appendChild(script);
}
</script>
### Change the version number (versionNumberNew) when you want the new files to be loaded ###আশা করি এটি আপনাকে বাহ্যিক জেএস ফাইল ইনজেক্ট করতে সহায়তা করবে
<script type="text/javascript">
var cachebuster = Math.round(new Date().getTime() / 1000);
document.write('<scr'+'ipt type="text/javascript" src="external.js?cb=' +cachebuster+'"></scr' + 'ipt>');
</script>