Web Development Local Storage এবং Session Storage এর ব্যবহার গাইড ও নোট

Sencha Touch এবং Web Storage

Sencha Touch একটি জনপ্রিয় JavaScript ফ্রেমওয়ার্ক যা মোবাইল অ্যাপ্লিকেশন তৈরি করার জন্য ব্যবহৃত হয়। এটি ব্যবহারকারীদের সিমুলেটেড native মোবাইল অ্যাপ্লিকেশন ইন্টারফেস প্রদান করে এবং বিভিন্ন প্ল্যাটফর্মে মোবাইল অ্যাপ্লিকেশন তৈরিতে সহায়তা করে। Sencha Touch অ্যাপ্লিকেশনগুলোতে স্টোরেজ ব্যবস্থাপনা অনেক গুরুত্বপূর্ণ, বিশেষত যখন আপনি ডেটা অফলাইন বা টেম্পোরারি ভাবে সঞ্চয় করতে চান।

Web Storage API দুটি প্রধান স্টোরেজ কৌশল প্রদান করে: Local Storage এবং Session Storage। এই দুটি স্টোরেজই ব্রাউজারের মধ্যে ডেটা সঞ্চয় করতে ব্যবহৃত হয়, তবে তাদের মধ্যে কিছু পার্থক্য রয়েছে।

১. Local Storage

Local Storage হল একটি ব্রাউজার-বেসড স্টোরেজ সিস্টেম যা বড় পরিমাণের ডেটা সঞ্চয় করতে সাহায্য করে। এটি ডেটাকে ব্রাউজারের মধ্যে স্থায়ীভাবে সঞ্চয় করে, অর্থাৎ ব্রাউজার বা ট্যাব বন্ধ করার পরেও ডেটা টিকে থাকে।

Local Storage এর বৈশিষ্ট্য:

• স্টোরেজ ক্ষমতা: Local Storage সাধারণত ৫MB পর্যন্ত ডেটা সঞ্চয় করতে সক্ষম।
• পর্ণাল স্টোরেজ: ডেটা ব্রাউজার বন্ধ করার পরেও অব্যাহত থাকে।
• কী/ভ্যালু পেয়ার: ডেটা কী এবং ভ্যালু পেয়ার হিসেবে সঞ্চয় করা হয়।

Local Storage ব্যবহারের উদাহরণ:

// Local Storage এ ডেটা সঞ্চয় করা
localStorage.setItem('username', 'JohnDoe');

// Local Storage থেকে ডেটা পড়া
var username = localStorage.getItem('username');
console.log(username);  // JohnDoe

// Local Storage থেকে ডেটা মুছা
localStorage.removeItem('username');

// Local Storage পরিষ্কার করা
localStorage.clear();

Sencha Touch এ Local Storage ব্যবহার:

Ext.application({
    name: 'MyApp',

    launch: function() {
        // Local Storage এ ডেটা সঞ্চয়
        localStorage.setItem('userName', 'SenchaUser');
        
        // Local Storage থেকে ডেটা পড়া
        var userName = localStorage.getItem('userName');
        console.log('User name is: ' + userName);  // SenchaUser
    }
});

এখানে Sencha Touch অ্যাপ্লিকেশন ব্যবহার করে Local Storage এ ডেটা সঞ্চয় এবং পড়া হয়েছে।

২. Session Storage

Session Storage হল একটি ব্রাউজার-বেসড স্টোরেজ সিস্টেম যা ডেটা শুধুমাত্র বর্তমান সেশন বা ট্যাবের জন্য সঞ্চয় করে। অর্থাৎ, যখন ট্যাব বা ব্রাউজার বন্ধ করা হয়, তখন সমস্ত ডেটা মুছে যায়।

Session Storage এর বৈশিষ্ট্য:

• স্টোরেজ ক্ষমতা: Session Storage সাধারণত ৫MB পর্যন্ত ডেটা সঞ্চয় করতে সক্ষম।
• অস্থায়ী স্টোরেজ: ডেটা শুধুমাত্র বর্তমান সেশন বা ট্যাবের জন্য সঞ্চয় হয়। ব্রাউজার বা ট্যাব বন্ধ করলে ডেটা মুছে যায়।
• কী/ভ্যালু পেয়ার: ডেটা কী এবং ভ্যালু পেয়ার হিসেবে সঞ্চয় করা হয়।

Session Storage ব্যবহারের উদাহরণ:

// Session Storage এ ডেটা সঞ্চয় করা
sessionStorage.setItem('sessionID', '12345');

// Session Storage থেকে ডেটা পড়া
var sessionID = sessionStorage.getItem('sessionID');
console.log(sessionID);  // 12345

// Session Storage থেকে ডেটা মুছা
sessionStorage.removeItem('sessionID');

// Session Storage পরিষ্কার করা
sessionStorage.clear();

Sencha Touch এ Session Storage ব্যবহার:

Ext.application({
    name: 'MyApp',

    launch: function() {
        // Session Storage এ ডেটা সঞ্চয়
        sessionStorage.setItem('sessionToken', 'abc123');

        // Session Storage থেকে ডেটা পড়া
        var sessionToken = sessionStorage.getItem('sessionToken');
        console.log('Session token is: ' + sessionToken);  // abc123
    }
});

এখানে Sencha Touch অ্যাপ্লিকেশন ব্যবহার করে Session Storage এ ডেটা সঞ্চয় এবং পড়া হয়েছে।

Local Storage এবং Session Storage এর মধ্যে পার্থক্য

সারাংশ

Local Storage এবং Session Storage হল Web Storage API এর দুটি প্রধান অংশ যা ব্রাউজারের মধ্যে ডেটা সঞ্চয় করতে সহায়তা করে। Local Storage ডেটা স্থায়ীভাবে সঞ্চয় করে, যখন Session Storage ডেটা শুধুমাত্র বর্তমান সেশন বা ট্যাবের জন্য সঞ্চয় করে। Sencha Touch-এ Web Storage ব্যবহার করে আপনি সহজে মোবাইল অ্যাপ্লিকেশনগুলোতে ডেটা সঞ্চয় এবং ম্যানিপুলেশন করতে পারেন, যা অফলাইন মোডেও কার্যকরী হতে সাহায্য করে।