HTML5 এর LocalStorage এবং SessionStorage হচ্ছে ব্রাউজার ভিত্তিক স্টোরেজ মেকানিজম, যা ডেটা ক্লায়েন্ট সাইডে সংরক্ষণ করতে ব্যবহৃত হয়। এই স্টোরেজ মেকানিজমগুলো কুকিজের তুলনায় বেশি স্টোরেজ ক্যাপাসিটি সরবরাহ করে এবং ব্যবহার সহজ।
LocalStorage
বৈশিষ্ট্য
- LocalStorage এ ডেটা স্টোর করলে এটি ব্রাউজারের স্টোরেজে স্থায়ীভাবে থাকে।
- ব্রাউজার বা ডিভাইস বন্ধ করলেও ডেটা মুছে যায় না।
- সাধারণত Key-Value Pair আকারে ডেটা সংরক্ষণ করা হয়।
LocalStorage ব্যবহার
ডেটা সেট করা (Set Data):
localStorage.setItem('key', 'value');
উদাহরণ:
localStorage.setItem('username', 'JohnDoe');
ডেটা রিড করা (Get Data):
var value = localStorage.getItem('key');
উদাহরণ:
var username = localStorage.getItem('username');
console.log(username); // Output: JohnDoe
ডেটা রিমুভ করা (Remove Data):
localStorage.removeItem('key');
উদাহরণ:
localStorage.removeItem('username');
সমস্ত ডেটা মুছে ফেলা (Clear All Data):
localStorage.clear();
উদাহরণ:
localStorage.clear();
SessionStorage
বৈশিষ্ট্য
- SessionStorage এ ডেটা স্টোর করলে এটি সেশন ভিত্তিক হয়।
- ব্রাউজার ট্যাব বন্ধ করলে ডেটা মুছে যায়।
- এটি এক ট্যাবের ডেটা অন্য ট্যাব থেকে অ্যাক্সেস করতে দেয় না।
SessionStorage ব্যবহার
ডেটা সেট করা (Set Data):
sessionStorage.setItem('key', 'value');
উদাহরণ:
sessionStorage.setItem('user_id', '12345');
ডেটা রিড করা (Get Data):
var value = sessionStorage.getItem('key');
উদাহরণ:
var userId = sessionStorage.getItem('user_id');
console.log(userId); // Output: 12345
ডেটা রিমুভ করা (Remove Data):
sessionStorage.removeItem('key');
উদাহরণ:
sessionStorage.removeItem('user_id');
সমস্ত ডেটা মুছে ফেলা (Clear All Data):
sessionStorage.clear();
উদাহরণ:
sessionStorage.clear();
LocalStorage এবং SessionStorage এর মধ্যে পার্থক্য
| বৈশিষ্ট্য | LocalStorage | SessionStorage |
|---|---|---|
| ডেটার স্থায়িত্ব | ব্রাউজার বন্ধ করলেও ডেটা থাকে। | ব্রাউজার ট্যাব বন্ধ করলে ডেটা মুছে যায়। |
| স্টোরেজ স্কোপ | পুরো ব্রাউজার স্কোপে ডেটা অ্যাক্সেসযোগ্য। | শুধুমাত্র নির্দিষ্ট ট্যাবের জন্য ডেটা বৈধ। |
| স্টোরেজ সাইজ | ৫-১০ MB (ব্রাউজার ভেদে)। | ৫-১০ MB (ব্রাউজার ভেদে)। |
| ব্যবহার ক্ষেত্র | দীর্ঘমেয়াদী ডেটা সংরক্ষণ। | সেশন-ভিত্তিক ডেটা সংরক্ষণ। |
ব্যবহারিক উদাহরণ
LocalStorage: ইউজার প্রেফারেন্স সংরক্ষণ
// থিম সংরক্ষণ
localStorage.setItem('theme', 'dark');
// থিম রিড করা
var theme = localStorage.getItem('theme');
console.log(theme); // Output: dark
SessionStorage: লগইন সেশন পরিচালনা
// সেশন ডেটা সংরক্ষণ
sessionStorage.setItem('authToken', 'abcd1234');
// সেশন ডেটা রিড করা
var token = sessionStorage.getItem('authToken');
console.log(token); // Output: abcd1234
নিরাপত্তার বিষয় বিবেচনা
- সংবেদনশীল ডেটা সংরক্ষণ করবেন না: LocalStorage বা SessionStorage এ পাসওয়ার্ড বা ব্যক্তিগত তথ্য সংরক্ষণ করবেন না।
- ডেটা এনক্রিপশন: সংরক্ষিত ডেটা এনক্রিপ্ট করে রাখুন।
- ডেটা মুছে ফেলা: সেশনের শেষে সংবেদনশীল ডেটা মুছে ফেলুন।
LocalStorage এবং SessionStorage সহজ এবং কার্যকর টুল যা ডেভেলপারদের অ্যাপ্লিকেশন ডেটা ক্লায়েন্ট সাইডে সংরক্ষণ করতে সাহায্য করে। তবে সঠিক ব্যবহারের জন্য ডেটার ধরন এবং নিরাপত্তার বিষয়টি নিশ্চিত করা জরুরি।
Content added By
Read more
