Ionic Storage ব্যবহার করে ডেটা সংরক্ষণ

Ionic Storage এবং Local Database - আয়নিক (Ionic) - Mobile App Development

344

Ionic Storage একটি লাইটওয়েট এবং অ্যাসিঙ্ক্রোনাস স্টোরেজ সলিউশন, যা আপনাকে ডিভাইসে ডেটা সংরক্ষণ করতে সহায়তা করে। এটি Ionic অ্যাপ্লিকেশনের মধ্যে কমপ্লেক্স ডেটা যেমন ইউজার প্রেফারেন্স, লগইন ইনফরমেশন, অথবা কোন টেম্পোরারি ডেটা সংরক্ষণ করতে ব্যবহৃত হয়।

Ionic Storage আপনার অ্যাপের ডেটা স্টোর করার জন্য পছন্দসই প্ল্যাটফর্মের স্টোরেজ ব্যবহার করে, যেমন IndexedDB, SQLite, বা LocalStorage।


১. Ionic Storage ইনস্টলেশন

Ionic Storage ব্যবহার করতে হলে প্রথমে এটি ইনস্টল করতে হবে।

১.১ Ionic Storage প্যাকেজ ইনস্টল করা

Ionic Storage ইনস্টল করতে, টার্মিনাল বা কমান্ড প্রম্পটে নিচের কমান্ডটি রান করুন:

npm install @ionic/storage-angular

এটি Ionic Storage এর প্রয়োজনীয় প্যাকেজ ইনস্টল করবে।

১.২ Ionic Storage মডিউল অ্যাপের মডিউলে যুক্ত করা

app.module.ts ফাইলে Ionic Storage মডিউল যুক্ত করতে হবে।

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { IonicModule } from '@ionic/angular';
import { AppComponent } from './app.component';
import { IonicStorageModule } from '@ionic/storage-angular';

@NgModule({
  declarations: [AppComponent],
  imports: [
    BrowserModule,
    IonicModule.forRoot(),
    IonicStorageModule.forRoot()  // Ionic Storage মডিউল যুক্ত করা
  ],
  bootstrap: [AppComponent]
})
export class AppModule {}

২. Ionic Storage ব্যবহার করা

Ionic Storage ব্যবহার করতে হলে প্রথমে Storage সার্ভিস ইনজেক্ট করতে হবে এবং তারপর সেটি ব্যবহার করে ডেটা স্টোর ও রিট্রিভ করা যাবে।

২.১ Storage সার্ভিস ইনজেক্ট করা

যে কম্পোনেন্ট বা সার্ভিসে আপনি ডেটা সংরক্ষণ বা রিট্রিভ করতে চান, সেখানে Storage সার্ভিস ইনজেক্ট করুন।

import { Component } from '@angular/core';
import { Storage } from '@ionic/storage-angular';

@Component({
  selector: 'app-home',
  templateUrl: 'home.page.html',
  styleUrls: ['home.page.scss'],
})
export class HomePage {

  constructor(private storage: Storage) {}

  // ডেটা সংরক্ষণ করা
  async setData() {
    await this.storage.set('name', 'Ionic User');
    console.log('Data saved');
  }

  // ডেটা রিট্রিভ করা
  async getData() {
    const name = await this.storage.get('name');
    console.log('Stored name:', name);
  }
}

২.২ ডেটা সংরক্ষণ এবং রিট্রিভ করা

  • setData() মেথডে storage.set() ব্যবহার করে ডেটা সংরক্ষণ করা হচ্ছে।
  • getData() মেথডে storage.get() ব্যবহার করে ডেটা রিট্রিভ করা হচ্ছে।

৩. Ionic Storage এর বিভিন্ন অপশন

Ionic Storage কিছু অপশন সরবরাহ করে যেগুলি আপনার অ্যাপের স্টোরেজ সলিউশন কাস্টমাইজ করতে সাহায্য করবে। এটি ডিফল্টভাবে IndexedDB ব্যবহার করে, তবে আপনি LocalStorage, SQLite অথবা WebSQL ইত্যাদি ব্যবহার করতে পারেন।

৩.১ Ionic Storage কনফিগারেশন

Ionic Storage কনফিগার করার জন্য Storage মডিউলে কিছু কনফিগারেশন দিতে পারেন, যেমন ডিফল্ট ড্রাইভ নির্বাচন করা।

import { IonicStorageModule } from '@ionic/storage-angular';

@NgModule({
  imports: [
    IonicStorageModule.forRoot({
      driverOrder: ['localstorage', 'sqlite', 'websql'] // ড্রাইভের অর্ডার নির্ধারণ
    })
  ]
})
export class AppModule {}

এখানে:

  • driverOrder: এটি ডেটা সংরক্ষণের জন্য Ionic Storage যেসব ড্রাইভ (LocalStorage, SQLite, WebSQL) ব্যবহার করবে তার অর্ডার নির্ধারণ করে।

৪. Complex Data (অবজেক্ট) সংরক্ষণ করা

Ionic Storage আপনাকে স্টোরেজে অবজেক্ট বা JSON ডেটাও সংরক্ষণ করতে সহায়তা করে। এটি সোজা JSON স্ট্রিং হিসেবে ডেটা সংরক্ষণ করে।

৪.১ অবজেক্ট স্টোর করা

async setUserData() {
  const user = {
    name: 'John Doe',
    age: 30,
    email: 'john.doe@example.com'
  };

  await this.storage.set('user', user);
  console.log('User data saved');
}

৪.২ অবজেক্ট রিট্রিভ করা

async getUserData() {
  const user = await this.storage.get('user');
  console.log('Stored user data:', user);
}

৫. Storage থেকে ডেটা ডিলিট করা

Ionic Storage ব্যবহার করে আপনি ডেটা ডিলিটও করতে পারেন।

৫.১ ডেটা ডিলিট করা

async removeData() {
  await this.storage.remove('name');
  console.log('Data removed');
}

এটি name কী থেকে সংরক্ষিত ডেটা মুছে ফেলবে।


৬. Storage ক্লিয়ার করা

আপনি যদি সমস্ত ডেটা মুছে ফেলতে চান, তাহলে clear() মেথড ব্যবহার করতে পারেন।

৬.১ সব ডেটা ক্লিয়ার করা

async clearData() {
  await this.storage.clear();
  console.log('All data cleared');
}

সারাংশ

Ionic Storage ব্যবহার করে আপনি মোবাইল ডিভাইসে ডেটা সংরক্ষণ এবং রিট্রিভ করতে পারেন। এটি একটি সহজ এবং শক্তিশালী API সরবরাহ করে যা আপনাকে অ্যাসিঙ্ক্রোনাসভাবে ডেটা সংরক্ষণ করতে এবং ডিভাইসের স্টোরেজের সাথে ইন্টিগ্রেট করতে সাহায্য করে। আপনি বিভিন্ন ডেটা ড্রাইভ যেমন LocalStorage, IndexedDB, এবং SQLite ব্যবহার করতে পারেন এবং কমপ্লেক্স অবজেক্ট যেমন JSON ডেটা সংরক্ষণ ও রিট্রিভ করতে পারেন।

Content added By
Promotion

Are you sure to start over?

Loading...