কম্পিউটার

জাভাস্ক্রিপ্ট কুকিজ:একটি গাইড

কুকিজ উভয়ই একটি সুস্বাদু খাবার এবং আধুনিক ওয়েবসাইটগুলির একটি গুরুত্বপূর্ণ অংশ।

কুকিজ আপনাকে ওয়েব ব্রাউজারে ব্যবহারকারীর তথ্য সংরক্ষণ করার অনুমতি দেয়। কুকি প্রায়শই প্রমাণীকরণ সেশনের মতো তথ্য সঞ্চয় করে যাতে ব্রাউজার মনে রাখে আপনি একটি ওয়েব পৃষ্ঠায় লগ ইন করেছেন।

এই নির্দেশিকায়, আমরা কেন কুকিজ বিদ্যমান, কি ধরনের কুকি আছে এবং কিভাবে জাভাস্ক্রিপ্টে কুকিজ ব্যবহার করতে হয় সে সম্পর্কে কথা বলতে যাচ্ছি। শুরু করা যাক!

ব্রাউজার কুকিজ কি?

কুকি হল টেক্সটের স্ট্রিং যা তাদের ব্রাউজারে ব্যবহারকারীর তথ্য সঞ্চয় করে। ধারণাটি নেটস্কেপ দ্বারা অগ্রণী হয়েছিল, যা 1990 এর দশকে বিশ্বের অন্যতম জনপ্রিয় ব্রাউজার তৈরি করেছিল। একজন ব্যবহারকারী ইতিমধ্যেই তাদের সাইট পরিদর্শন করেছে কিনা তা ট্র্যাক করতে নেটস্কেপ কুকি তৈরি করেছে। যদি তারা থাকে, তাহলে এর অর্থ ব্যবহারকারী সম্ভবত নেটস্কেপ সম্পর্কে কিছু জানতেন।

কুকিতে কমপক্ষে একটি নাম এবং একটি মান ক্ষেত্র থাকতে হবে। নামের ক্ষেত্রটি মান ক্ষেত্রের বিষয়বস্তু সনাক্ত করতে ব্যবহৃত হয়। আপনি কীভাবে আপনার অ্যাপ্লিকেশনগুলিতে কুকি ব্যবহার করছেন তার উপর নির্ভর করে একটি কুকি অতিরিক্ত বৈশিষ্ট্য যেমন একটি ফাইল পাথ এবং কখন এটি মেয়াদ শেষ হয়ে যায় সংরক্ষণ করতে পারে।

এখানে একটি কুকির উদাহরণ:

Name: Authentication
Value: AUTHENTICATION_KEY
Domain: careerkarma.com

কুকিজ কী:মান জোড়ায় সংরক্ষণ করা হয়। আপনি যখন এই কুকিটি দেখবেন, তখন আপনি নিম্নলিখিতগুলি দেখতে পাবেন:

Authentication=AUTHENTICATION_KEY

এই কুকি আপনার ব্রাউজারে AUTHENTICATION_KEY মান সংরক্ষণ করবে। যতবার আপনি careerkarma.com ডোমেইন অ্যাক্সেস করবেন, সেই কুকিটি সাইটে উপলব্ধ করা হবে।

81% অংশগ্রহণকারী বলেছেন যে তারা বুটক্যাম্পে যোগদানের পরে তাদের প্রযুক্তিগত কাজের সম্ভাবনা সম্পর্কে আরও আত্মবিশ্বাসী বোধ করেছেন। আজই একটি বুটক্যাম্পের সাথে মিলিত হন৷

গড় বুটক্যাম্প গ্র্যাড একটি বুটক্যাম্প শুরু করা থেকে শুরু করে তাদের প্রথম চাকরি খোঁজা পর্যন্ত ক্যারিয়ারের পরিবর্তনে ছয় মাসেরও কম সময় ব্যয় করেছে।

আপনি একটি সাইটের জন্য কতগুলি কুকি সেট করতে পারেন তার কোনও সীমা নেই, তবে আপনি যা পাবেন তা হল বেশিরভাগ অ্যাপ্লিকেশনের শুধুমাত্র কয়েকটি সেট করতে হবে, যদি থাকে। প্রায়শই, ব্যবহারকারীর সেশন ট্র্যাক রাখতে কুকি ব্যবহার করা হয়।

ব্রাউজার কুকিজ পুনরুদ্ধার করুন

JavaScript-এ document.cookie নামে একটি বস্তু রয়েছে যা একটি সাইটে উপলব্ধ সমস্ত কুকির তথ্য সংরক্ষণ করে। কুকি সেট, আপডেট এবং মুছে ফেলার জন্য, আমাদের এই বস্তুটিকে ম্যানিপুলেট করতে হবে। কুকিজ পুনরুদ্ধার করতে, আমরা এই বস্তুটিকে কল করতে পারি:

console.log(document.cookie);

এই কোডটি ব্রাউজারে সেট করা সমস্ত কুকির একটি তালিকা ফিরিয়ে দেবে। এটি করার জন্য একটি কাস্টম ফাংশন না লিখে এই তালিকা থেকে একটি পৃথক কুকি পুনরুদ্ধার করার কোন উপায় নেই৷

কিভাবে একটি ব্রাউজার কুকি সেট করবেন

আমি কিভাবে একটি ব্রাউজার কুকি সেট করব? ঠিক আছে, একটি জিনিস আপনার আগে থেকেই জানা উচিত:এটি আপনার নিজের কুকিজ বেক করার চেয়ে যুক্তিযুক্তভাবে সহজ।

ধরা যাক আমরা একটি কুকিতে ব্যবহারকারীর ইমেল সংরক্ষণ করতে চাই। আমরা এই জাভাস্ক্রিপ্ট কোড ব্যবহার করে তা করতে পারি:

document.cookie = "email=user@email.com";
console.log(document.cookie);

এই কোডটি "ইমেল" নাম এবং "user@email.com" মান সহ একটি কুকি তৈরি করে৷ আমাদের console.log() বিবৃতি নিম্নলিখিত প্রদান করে:

email=user@email.com;

এছাড়াও আপনি একটি পাথ উল্লেখ করতে পারেন যেখানে একটি কুকি পাওয়া যায়:

document.cookie = "email=user@email.com; path=/dashboard";

এই কোডটি "/ড্যাশবোর্ড" দিয়ে শুরু হওয়া সমস্ত পাথে "ইমেল" কুকি উপলব্ধ করবে৷

কুকির মেয়াদ শেষ হওয়ার তারিখ

ডিফল্টরূপে, ব্রাউজার বন্ধ হয়ে গেলে কুকিজ মুছে ফেলা হয়। আপনি যখন একটি কুকি সেট করছেন, আপনি ঐচ্ছিকভাবে একটি মেয়াদ শেষ হওয়ার তারিখ যোগ করতে পারেন যা এই সেটিংটিকে ওভাররাইড করবে:

document.cookie = "email=user@email.com; expires=Wed, 24 Jun 2019 12:00:00 UTC";

এটি একটি কুকি তৈরি করবে যার মেয়াদ 24 জুন, 2020 তারিখে দিনের শুরুতে শেষ হবে। আপনার মেয়াদ শেষ হওয়ার তারিখ UTC সময়ে উল্লেখ করা উচিত।

মেয়াদ শেষ হওয়ার তারিখ নির্ধারণের একটি সাধারণ পদ্ধতি হল JavaScript তারিখ অবজেক্ট ব্যবহার করা, যা একটি UTC টাইমস্ট্যাম্প প্রদান করে। 30 জুন, 2020 তারিখে মেয়াদ শেষ হওয়ার জন্য সেট করা একটি কুকি এই কোডটি ব্যবহার করবে:

const expiryDate = new Date(2020, 6, 30);
document.cookie = "email=user@email.com; expires=" + expiryDate + ";";

document.cookie অবজেক্ট একটি কুকির সর্বোচ্চ বয়স, বা সর্বোচ্চ-বয়স সেট করতে সমর্থন করে, যা মেয়াদ শেষ হওয়ার আগে একটি কুকি কতক্ষণ উপলব্ধ থাকতে হবে তা বলে৷ যদিও এটি প্রতিটি ব্রাউজার দ্বারা সমর্থিত নয়, এটি আপনার জন্য কুকি তৈরি করা সহজ করে দেয় যেগুলি ব্যবহারকারী কখন কুকি তৈরি শুরু করেছেন তার উপর নির্ভর করে মেয়াদ শেষ হয়ে যায়:

const expiryDate= 24 * 60 * 60 * 2;
document.cookie = "email=user@email.com; max-age=" + expiryDate + ";";

এটি একটি কুকি তৈরি করবে যা দুই দিন পর মেয়াদ শেষ হবে।

কুকিজ আপডেট করা এবং মুছে ফেলা

কুকি আপডেট বা মুছে ফেলার জন্য কোন ফাংশন ব্যবহার করা হয় না। পরিবর্তে, আপনি "document.cookie" অবজেক্টে একটি পরিবর্তন করুন৷

আপনি একটি কুকি যেভাবে তৈরি করেছেন সেভাবেই আপডেট করতে পারেন:

document.cookie = "email=user@email.app;"

এটি "ইমেইল" এর মান "user@email.com" থেকে "user@email.app" এ পরিবর্তন করে।

একটি কুকি মুছে ফেলা একই পদ্ধতি ব্যবহার করে। আপনাকে যা করতে হবে তা হল একই সিনট্যাক্স ব্যবহার করা যা একটি কুকি তৈরি বা আপডেট করতে ব্যবহৃত হয়, তবে কুকিতে নির্ধারিত মানটি সরিয়ে ফেলুন:

document.cookie = "email=; expires=Wed, 24 Jun 2019 12:00:00 UTC; path/;"

আপনি সঠিক কুকি মুছেছেন তা নিশ্চিত করার জন্য আপনাকে একটি পথ নির্দিষ্ট করতে হবে।

কুকির প্রকারগুলি

রাস্পবেরি। চকলেট চিপস. ফাজ. না, এই ধরনের কুকিজ নয়! ব্রাউজারে, কুকির তিনটি প্রধান প্রকার রয়েছে:সেশন, তৃতীয় পক্ষ এবং স্থায়ী।

সেশন কুকি হল এমন কুকি যা ব্রাউজার বন্ধ না হওয়া পর্যন্ত বিদ্যমান। আমাদের প্রথম উদাহরণের মতো এই কুকিগুলি মেয়াদ শেষ হওয়ার তারিখ ছাড়াই সেট করা হয়। এটি লক্ষণীয় যে কিছু বিকাশকারী ব্যবহারকারীকে প্রমাণীকরণ করে এমন কোনও কুকিকে উল্লেখ করতে "সেশন কুকি" শব্দটি ব্যবহার করে, তবে সেশন কুকিই একমাত্র কুকি নয় যা আপনি প্রমাণীকরণের জন্য ব্যবহার করতে পারেন।

স্থায়ী কুকি হল এমন কুকি যা ব্রাউজার বন্ধ হয়ে গেলেও বিদ্যমান থাকে। এগুলি একটি নির্দিষ্ট মেয়াদ শেষ হওয়ার তারিখ সহ কুকি।

থার্ড-পার্টি কুকি হল কুকি যা অন্য ওয়েবসাইট তৈরি করেছে। এর একটি উদাহরণ হল Google Analytics কুকিজ। আপনি যদি আপনার সাইটে Google Analytics ইনস্টল করেন, এক্সটেনশন ব্যবহারকারীদের ট্র্যাক রাখতে কুকি সেট করতে সক্ষম হবে৷

উপসংহার

কুকি ব্রাউজারে ব্যবহারকারীর তথ্য সংরক্ষণ করার একটি সহজ উপায়। এগুলি প্রায়শই কোনও ব্যবহারকারী আগে কোনও সাইট পরিদর্শন করেছে কিনা তা ট্র্যাক করতে এবং প্রমাণীকরণ কুকি সংরক্ষণ করতে ব্যবহৃত হয়।

কুকির তিনটি প্রধান প্রকার রয়েছে:সেশন, স্থায়ী এবং তৃতীয় পক্ষ। আপনার নিজের অ্যাপ্লিকেশনের জন্য, আপনি প্রধানত সেশন এবং ক্রমাগত কুকিজ ব্যবহার করার দিকে মনোনিবেশ করবেন৷


  1. appendChild JavaScript:একটি গাইড

  2. কিভাবে জাভাস্ক্রিপ্ট দিয়ে একটি সেশন শুধুমাত্র কুকিজ তৈরি করবেন?

  3. জাভাস্ক্রিপ্ট ব্যবহার করে ডোমেইন ভিত্তিক কুকিজ কিভাবে তৈরি করবেন?

  4. জাভাস্ক্রিপ্ট কুকিতে কোন রেকর্ড রয়েছে?