জাভাস্ক্রিপ্ট কুকি



কুকি হল ওয়েব সাইট দ্বারা ইউযারকে চিহ্নিত করার একটি বিশেষ প্রক্রিয়া।


কুকি কি?

কুকি যা HTTP কুকি , web কুকি, অথবা browser কুকি নামেও পরিচিত। কুকি হল একটি ছোট টেক্সট ফাইল যা ওয়েব সাইট থেকে ইউজারকে পাঠানো হয় এবং তা ইউজারের ব্রাউজার জমা হয় যখন ইউজার কোন ওয়েব সাইট ভিজিট করে। যখন ঐ ইউজার পরবর্তীতে আবার সেই ওয়েব সাইট ভিজিট করে তখন কুকিতে সংরক্ষিত ডাটা ঐ ওয়েব সাইট দ্বারা আবার retrieved করা হয়। ইউজারের আগের activity অর্থাৎ ঐ ওয়েব সাইটে ইউজার আগে কি কি কাজ করেছে। যেমন - কোন কোন বাটনে ক্লিক করেছে, লগ-ইন করেছে কিনা, কোন কোন পেজ ভিজিট করেছে, কোন নাম দিয়ে রেজিস্ট্রেশান করেছে অর্থাৎ এককথায় ইউজারকে চিহ্নিত বা identify করতে কুকি ব্যবহার করা হয়।

কুকি ইউজারের কম্পিউটারে ভাইরাস ছড়ায় না বা ম্যাকওয়্যার সেটআপ করে না। বর্তমানে বিশেষ কিছু ধরণের কুকি রয়েছে যা আধুনিক ওয়েব সাইট গুলোত বিশেষ কাজ করে থাকে। যেমন - authentication cookie মেথড নির্ণয় করে ইউজার লগ-ইন অবস্থায় আছে কি নেই, অথবা যদি লগ-ইন অবস্থায় থাকে তবে কোন অ্যাকাউন্ট দিয়ে লগ-ইন আছে। এ ধরেণর তথ্য না জেনে ওয়েব সাইটের যে কোন স্পর্শকাতর পেজ ইউজারকে দেখাতে পারে না। এটা ওয়েবের জন্য হুমকি হয়ে দাঁড়াবে। কুকি কেবল মাত্র সেই সার্ভারই রিড করতে পারে যে সার্ভার এটা জেনারেট করেছে। কুকি মূলত ইউজারের কাজকে সহজ করতে তৈরি করা হয়েছে। জাভাস্ক্রিপ্ট একই সাথে কুকি তৈরি ও পুনরদ্ধার করতে পারে।


কুকির উদাহরণ

কতগুলো কুকির উদাহরণ হল -

1. Name cookie - ইউজার প্রথম কোন ওয়েব সাইটে তার ইউজার নাম দিয়ে প্রবেশ করলে সেটা কুকিতে জমা থাকে। সে আবার যখন ঐ সাইটে লগিন করে তখন তাকে আবার তার নাম দিয়ে একটি ওয়েলকাম ম্যাসেজ দেওয়া যেতে পারে আর এই নামটি কুকিতে সংরক্ষিত থাকে।

2. Password cookie – পাসওয়ার্ড-এর ব্যাপারটাও একই। দ্বিতীয় বার সাইটে লগিন করলে কুকি থেকে পাসওয়ার্ড পুনরুদ্ধার করা হয়।

3. Date cookie – দ্বিতীয় বার কোন সাইটে লগিন করলে আপনাকে জানিয়ে দেওয়া যেতে পারে আপনি শেষ কবে ঐ সাইটে লগিন করেছিলেন। এখানে পূর্বের তারিখ কুকিতে জমা থাকে।


কুকি তৈরি ও জমা করা

নিচের উদাহরণে আমরা একটি কুকি তৈরি করবো যা ভিজিটরের নাম স্টোর করবে। প্রথমে সাইট ভিজিট করলে ইউজারকে তার নাম ইনপুট করতে বলা হবে। এই নামটা কুকিতে জমা থাকবে। পরবর্তীতে ঐ ইউজার ঐ সাইটে প্রবেশ করলে তাকে একটি ওয়েলকাম ম্যাসেজ দেওয়া হবে। প্রথম আমরা একটি ফাংশন তৈরি করব যা ইউজারের নাম একটি কুকি ভেরিয়েবলে জমা করবে।

উদাহরণ দেখুন

function setCookie(c_name,value,exdays)
{
var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value=escape(value) + ((exdays==null) ? "" : ";
expires="+exdate.toUTCString());
document.cookie=c_name + "=" + c_value;
}


উপরের উদাহরণে ফাংশনটি কুকির নাম, কুকির ভ্যালু এবং কুকির এক্সপায়ার ডেট ধারন করবে। এই ফাংশনে প্রথমে দিনকে একটি ভ্যালিড তারিখে রূপান্তর করা হয়েছে। তারপর কুকির এক্সপায়ার ডেট সেট করা হয়েছে। তারপর কুকির নাম, কুকির ভ্যালু এবং কুকির এক্সপায়ার ডেট অবজেক্টে document.cookie স্টোর করা হয়েছে।

তারপর নিচের মত করে অন্য আরেকটি ফাংশন তৈরি করা হয়েছে , যার কাজ হল নির্দিষ্ট কুকি রিটার্ন করা।

উদাহরণ দেখুন

function getCookie(c_name)
{
var i,x,y,ARRcookies=document.cookie.split(";");
for (i=0;i {
x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
x=x.replace(/^\s+|\s+$/g,"");
if (x==c_name)
{
return unescape(y);
}
}
}


উপরের ফাংশনটি কুকির নাম ও ভ্যালু উদ্ধার করতে একটি অ্যারে তৈরি করে। তারপর এটা চেক করে দেখে নির্দিষ্ট কুকি পাওয়া যায় কিনা, যদি পাওয়া যায় তবে কুকির মান রিটার্ন করে।

সবশেষে একটি ফাংশন তৈরি করা হয়েছে যা ইউজারকে ওয়েলকাম ম্যাসেজ দেখাবে যদি কুকি পাওয়া যায়। আর যদি কুকি না পাওয়া যায় তবে একটি প্রমোট বক্স দেখাবে যেখানে ইউজার নেম ও পাসওয়ার্ড দিতে হবে।

উদাহরণ দেখুন

function checkCookie()
{
var username=getCookie("username");
if (username!=null && username!="")
{
alert("Welcome again " + username);
}
else
{
username=prompt("Please enter your name:","");
if (username!=null && username!="")
{
setCookie("username",username,365);
}
}
}


এবার সবগুলো কোড একসাথে নিচে দেখুন।

উদাহরণ দেখুন

<html>
<head>
<script type="text/javascript">
function getCookie(c_name)
{
var i,x,y,ARRcookies=document.cookie.split(";");
for (i=0;i {
x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
x=x.replace(/^\s+|\s+$/g,"");
if (x==c_name)
{
return unescape(y);
}
}
}
function setCookie(c_name,value,exdays)
{
var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value=escape(value) + ((exdays==null) ? "" : ";
expires="+exdate.toUTCString());
document.cookie=c_name + "=" + c_value;
}
function checkCookie()
{
var username=getCookie("username");
if (username!=null && username!="")
{
alert("Welcome again " + username);
}
else
{
username=prompt("Please enter your name:","");
if (username!=null && username!="")
{
setCookie("username",username,365);
}
}
}
</script>
</head>
<body onload="checkCookie()">
</body>
</html>









এই ওয়েব সাইট এর সমস্ত টিউটোরিয়াল, সার্কিট ডায়াগ্রাম, উদাহরণ ইত্যাদি খুব সহজ ও সাধারণ ভাবে তৈরি করা হয়েছে। টিউটোরিয়াল, সার্কিট ডায়াগ্রাম, উদাহরণ ইত্যাদির ভুল পরিহার করার জন্য বার বার যাচাই করা হয়েছে, কিন্তু আমরা এর পূর্ণ নিশ্চয়তা ও দায়ভার বহন করি না। যখন আপনি এই সাইটটি ব্যবহার করেন, আমরা ধরে নেই যে আপনি পড়েছেন এবং সম্মত আছেন আমাদের টার্মস অফ ইউস (Terms of use) এবং প্রাইভেসি পলিসি( Privacy policy) সম্পর্কে।

Report or suggest about this page

Copyright 2016-2018 by websschool.com, All Rights Reserved.