ওয়েব স্টোরেজ এপিআই এমন একটি প্রক্রিয়া সরবরাহ করে যার দ্বারা ব্রাউজারগুলি কুকি ব্যবহারের চেয়ে অনেক বেশি স্বজ্ঞাত ফ্যাশনে কী / মান জোড়া নিরাপদে সংরক্ষণ করতে পারে। ওয়েব সংগ্রহস্থল এপিআই প্রসারিত Windowদুটি নতুন বৈশিষ্ট্য সঙ্গে বস্তুর - Window.sessionStorageএবং Window.localStorage। - এর মধ্যে কোনওটির অনুরোধ স্টোরেজ অবজেক্টের একটি উদাহরণ তৈরি করবে, যার মাধ্যমে ডেটা আইটেমগুলি সেট, পুনরুদ্ধার এবং মুছে ফেলা যায়। প্রতিটি উত্স (ডোমেন) এর জন্য sessionStorageএবং পৃথক স্টোরেজ অবজেক্ট ব্যবহার করা হয় localStorage।
স্টোরেজ অবজেক্টগুলি সাধারণ কী-ভ্যালোর স্টোরগুলি, অবজেক্টগুলির মতো, তবে তারা পৃষ্ঠা লোডের মাধ্যমে অক্ষত থাকে ।
localStorage.colorSetting = '#a4509b';
localStorage['colorSetting'] = '#a4509b';
localStorage.setItem('colorSetting', '#a4509b');
কী এবং মানগুলি সর্বদা স্ট্রিং থাকে । যেকোন ধরণের সঞ্চয় করতেconvert it to Stringএবং তারপরে এটি সঞ্চয় করতে। এটি সর্বদাStorage interfaceপদ্ধতিব্যবহারকরারপরামর্শ দেওয়া হয়।
var testObject = { 'one': 1, 'two': 2, 'three': 3 };
// Put the object into storage
localStorage.setItem('testObject', JSON.stringify(testObject));
// Retrieve the object from storage
var retrievedObject = localStorage.getItem('testObject');
console.log('Converting String to Object: ', JSON.parse(retrievedObject));
ওয়েব স্টোরেজ মধ্যে দুটি প্রক্রিয়া নিম্নলিখিত:
- সেশনস স্টোরেজ প্রতিটি প্রদত্ত উত্সের জন্য পৃথক স্টোরেজ ক্ষেত্র বজায় রাখে একই-উত্স নীতি যা পৃষ্ঠা সেশনের সময়কালের জন্য উপলব্ধ থাকে (যতক্ষণ না ব্রাউজার খোলা থাকে, পৃষ্ঠা পুনরায় লোড এবং পুনরুদ্ধার সহ)।
- লোকালস্টোরেশন একই কাজ করে, তবে ব্রাউজারটি বন্ধ হয়ে গেলে এবং পুনরায় খোলা থাকা অবস্থায়ও থেকে যায়।
স্টোরেজ « স্থানীয় স্টোরেজটি ডিস্কে ডেটা লেখেন, যখন সেশন স্টোরেজ ডেটাটি কেবল মেমোরিতে লিখে দেয়। আপনার অ্যাপটি প্রস্থান করার সময় সেশন স্টোরেজে লিখিত কোনও ডেটা মুছে ফেলা হয়।
সর্বাধিক সঞ্চয়স্থান উপলব্ধ ব্রাউজার প্রতি ভিন্ন , কিন্তু অধিকাংশ ব্রাউজার বাস্তবায়িত হয়েছে অন্তত W3C সর্বোচ্চ সঞ্চয় সীমাতে সুপারিশ 5MB ।
+----------------+--------+---------+-----------+--------+
| | Chrome | Firefox | Safari | IE |
+----------------+--------+---------+-----------+--------+
| LocalStorage | 10MB | 10MB | 5MB | 10MB |
+----------------+--------+---------+-----------+--------+
| SessionStorage | 10MB | 10MB | Unlimited | 10MB |
+----------------+--------+---------+-----------+--------+
সর্বদা লোকালস্টোরেজ সুরক্ষা এবং কোটা ত্রুটি ছাড়িয়ে গেছে catch
স্টোরেজ ইভেন্ট when স্টোরেজ ইভেন্টটি কোনও দস্তাবেজের উইন্ডো অবজেক্টে স্টোরেজ এরিয়া পরিবর্তন করা হয় fired কোনও ব্যবহারকারী এজেন্ট যখন কোনও দস্তাবেজের জন্য স্টোরেজ নোটিফিকেশন প্রেরণ করতে চান, তখন ব্যবহারকারী এজেন্টকে স্টোরেজএভেন্ট ব্যবহার করে ডকুমেন্ট অবজেক্টের উইন্ডো অবজেক্টে স্টোরেজ নামের ইভেন্টটি ফায়ার করার জন্য একটি কার্য সারি করতে হবে।
দ্রষ্টব্য: বাস্তব বিশ্বের উদাহরণের জন্য, ওয়েব স্টোরেজ ডেমো দেখুন ।উত্স কোড পরীক্ষা করে দেখুন
স্টোরেজের পরিবর্তনগুলি ধরার জন্য ডোম / উইন্ডোতে স্টোরেজ ইভেন্টটি শুনুন। বেহালার ।
কুকিজ (ওয়েব কুকি, ব্রাউজার কুকি) কুকিগুলি হ'ল ডেটা, ছোট কম্পিউটারে আপনার কম্পিউটারে নাম-মান হিসাবে সংরক্ষণ করা হয়।
ডকুমেন্ট.কুকি ব্যবহার করে জাভাস্ক্রিপ্ট অ্যাক্সেস
ডকুমেন্ট.কুকি সম্পত্তি ব্যবহার করে জাভাস্ক্রিপ্টের মাধ্যমে নতুন কুকিগুলিও তৈরি করা যেতে পারে এবং যদি এইচটিটিপিআনলি পতাকা সেট না করা থাকে তবে জাভাস্ক্রিপ্ট থেকেও বিদ্যমান কুকিজ অ্যাক্সেস করা যায়।
document.cookie = "yummy_cookie=choco";
document.cookie = "tasty_cookie=strawberry";
console.log(document.cookie);
// logs "yummy_cookie=choco; tasty_cookie=strawberry"
সুরক্ষিত এবং এইচটিটিপি কেবলমাত্র কুকি এইচটিটিপি রাজ্য পরিচালনা ব্যবস্থাপনার
কোনও ব্যবহারকারী এবং তাদের সত্যায়িত সেশন সনাক্ত করতে কুকিগুলি প্রায়শই ওয়েব অ্যাপ্লিকেশনে ব্যবহৃত হয়
এইচটিটিপি অনুরোধ গ্রহণ করার সময়, একটি সার্ভার প্রতিক্রিয়া সহ একটি সেট-কুকি শিরোনাম পাঠাতে পারে । কুকি সাধারণত ব্রাউজার দ্বারা সংরক্ষণ করা হয় এবং তারপরে কুকি একটি কুকি এইচটিটিপি শিরোনামের ভিতরে একই সার্ভারে করা অনুরোধের সাথে প্রেরণ করা হয়।
Set-Cookie: <cookie-name>=<cookie-value>
Set-Cookie: <cookie-name>=<cookie-value>; Expires=<date>
ক্লায়েন্ট বন্ধ হয়ে গেলে সেশন কুকিজ সরানো হবে। তারা মেয়াদ উত্তীর্ণ বা সর্বোচ্চ-বয়স নির্দেশাবলী নির্দিষ্ট করে না।
Set-Cookie: sessionid=38afes7a8; HttpOnly; Path=/
স্থায়ী কুকিজ একটি নির্দিষ্ট তারিখে (মেয়াদোত্তীর্ণ) বা নির্দিষ্ট সময়ের (সর্বাধিক বয়স) পরে মেয়াদ শেষ হয়।
Set-Cookie: id=a3fWa; Expires=Wed, 21 Oct 2015 07:28:00 GMT; Secure; HttpOnly
কুকি এইচটিটিপি অনুরোধ শিরোনামে সেট-কুকি শিরোলেখ সহ সার্ভারের আগে প্রেরিত HTTP কুকিজ রয়েছে। এইচটিটিপি-কেবল কুকিগুলি জাভাস্ক্রিপ্টের মাধ্যমে ডকুমেন্ট.কুকি সম্পত্তি, এক্সএমএলএইচটিটিপিউরেস্ট এবং অনুরোধ এপিআই-এর মাধ্যমে ক্রস-সাইট স্ক্রিপ্টিং (এক্সএসএস) এর বিরুদ্ধে আক্রমণ প্রশমিত করার জন্য অ্যাক্সেসযোগ্য নয়।
কুকিজ মূলত তিনটি উদ্দেশ্যে ব্যবহৃত হয়:
- সেশন ম্যানেজমেন্ট «লগইনস, শপিং কার্ট, গেম স্কোর বা অন্য যে কোনও কিছুই সার্ভারের মনে রাখা উচিত
- ব্যক্তিগতকরণ «ব্যবহারকারীর পছন্দসই, থিম এবং অন্যান্য সেটিংস
- ট্র্যাকিং (রেকর্ডিং এবং ব্যবহারকারীর আচরণ বিশ্লেষণ) «কুকিগুলির সাথে একটি ডোমেন যুক্ত থাকে। এই ডোমেনটি আপনি যে পৃষ্ঠায় রয়েছেন তার ডোমেনের সমান হলে, কুকিজটি প্রথম পক্ষের কুকি হিসাবে বলা হয়। ডোমেনটি পৃথক হলে এটি তৃতীয় পক্ষের কুকি হিসাবে বলা হয়। প্রথম-পক্ষের কুকিগুলি কেবল সার্ভার সেটিংয়ে পাঠানো হলেও সেগুলিতে একটি ওয়েব পৃষ্ঠায় অন্যান্য ডোমেনের (যেমন বিজ্ঞাপনের ব্যানার) সার্ভারে সঞ্চিত চিত্র বা অন্যান্য উপাদান থাকতে পারে। এই তৃতীয় পক্ষের উপাদানগুলির মাধ্যমে প্রেরিত কুকিগুলিকে তৃতীয় পক্ষের কুকিজ বলা হয় এবং মূলত ওয়েব জুড়ে বিজ্ঞাপন এবং ট্র্যাকিংয়ের জন্য ব্যবহৃত হয়।
"ব্যবহারকারী সম্পর্কে তথ্য কীভাবে মনে রাখা যায়" সমস্যাটি সমাধানের জন্য কুকিজ উদ্ভাবিত হয়েছিল:
- যখন কোনও ব্যবহারকারী কোনও ওয়েব পৃষ্ঠাতে যান, তখন তার নামটি কোনও কুকিতে সংরক্ষণ করা যায়।
- পরের বার ব্যবহারকারী পৃষ্ঠাটি দেখার জন্য, পৃষ্ঠার অন্তর্ভুক্ত কুকিজগুলির অনুরোধে যুক্ত করা হবে। ব্যবহারকারীদের সম্পর্কে তথ্য "মনে রাখার" জন্য সার্ভারটি প্রয়োজনীয় ডেটা পেয়ে যায়।
GitHubGist উদাহরণ
সংক্ষিপ্তসার হিসাবে,
- লোকালস্টোরেশন বিভিন্ন ট্যাব বা উইন্ডো ধরে রাখে এবং কোটা সীমা সম্পর্কে ডোমেন সুরক্ষা নীতি এবং ব্যবহারকারীর পছন্দ অনুসারে আমরা ব্রাউজারটি বন্ধ করে দিই।
- আমরা যদি অন্য ট্যাব বা উইন্ডো দিয়ে সার্ফ করি তবে এটি ট্যাবটি (শীর্ষ-স্তরের ব্রাউজিং প্রসঙ্গ) বন্ধ করে দিলে সেশনসটরেজ অবজেক্টটি টিকে থাকে না।
- ওয়েব স্টোরেজ (সেশন, স্থানীয়) আমাদের প্রচুর পরিমাণে কী / মান জোড়া এবং প্রচুর পাঠ্য সংরক্ষণ করতে দেয়, যা কুকির মাধ্যমে করা অসম্ভব কিছু।
- সংবেদনশীল ক্রিয়াকলাপের জন্য ব্যবহৃত কুকিজগুলির স্বল্পকালীন জীবনকাল হওয়া উচিত।
- কুকিগুলি মূলত ওয়েব জুড়ে বিজ্ঞাপন এবং ট্র্যাকিংয়ের জন্য ব্যবহৃত হয়। গুগলের দ্বারা ব্যবহৃত কুকিজের উদাহরণগুলি দেখুন ।
- কুকিজ প্রতিটি অনুরোধের সাথে প্রেরণ করা হয়, যাতে তারা কর্মক্ষমতা আরও খারাপ করতে পারে (বিশেষত মোবাইল ডেটা সংযোগের জন্য)। ক্লায়েন্ট স্টোরেজের জন্য আধুনিক এপিআই হ'ল ওয়েব স্টোরেজ এপিআই (লোকালস্টোরেজ এবং সেশনস স্টোরেজ) এবং ইনডেক্সডডিবি।
