Memulai

1. Instal paket

   npm

   npm i @capgo/capacitor-data-storage-sqlite

   pnpm

   pnpm add @capgo/capacitor-data-storage-sqlite

   yarn

   yarn add @capgo/capacitor-data-storage-sqlite

   bun

   bun add @capgo/capacitor-data-storage-sqlite

2. Sinkronkan dengan proyek native

   npm

   npx cap sync

   pnpm

   pnpm cap sync

   yarn

   yarn cap sync

   bun

   bunx cap sync

3. Konfigurasikan plugin

   Contoh Storage Dasar:

   import { CapacitorDataStorageSqlite } from '@capgo/capacitor-data-storage-sqlite';
   
   // Open a storage database
   await CapacitorDataStorageSqlite.openStore({
     database: 'myapp_storage'
   });
   
   // Store data
   await CapacitorDataStorageSqlite.set({
     key: 'user_preferences',
     value: JSON.stringify({ theme: 'dark' })
   });

   Contoh Storage Terenkripsi:

   // Open encrypted storage
   await CapacitorDataStorageSqlite.openStore({
     database: 'secure_storage',
     encrypted: true,
     mode: 'encryption'
   });
   
   // Store sensitive data
   await CapacitorDataStorageSqlite.set({
     key: 'api_token',
     value: 'secret_token_value'
   });

   iOS

   Tidak diperlukan pengaturan tambahan untuk iOS.

   Android

   Tidak diperlukan pengaturan tambahan untuk Android.

4. Operasi dasar

   import { CapacitorDataStorageSqlite } from '@capgo/capacitor-data-storage-sqlite';
   
   // Set a value
   await CapacitorDataStorageSqlite.set({
     key: 'username',
     value: 'john_doe'
   });
   
   // Get a value
   const { value } = await CapacitorDataStorageSqlite.get({
     key: 'username'
   });
   console.log('Username:', value); // "john_doe"
   
   // Remove a value
   await CapacitorDataStorageSqlite.remove({
     key: 'username'
   });
   
   // Clear all data
   await CapacitorDataStorageSqlite.clear();
   
   // Check if key exists
   const { result } = await CapacitorDataStorageSqlite.iskey({
     key: 'username'
   });
   console.log('Key exists:', result); // true or false
   
   // Get all keys
   const { keys } = await CapacitorDataStorageSqlite.keys();
   console.log('All keys:', keys);
   
   // Get all values
   const { values } = await CapacitorDataStorageSqlite.values();
   console.log('All values:', values);

5. Penggunaan lanjutan

   import { CapacitorDataStorageSqlite } from '@capgo/capacitor-data-storage-sqlite';
   
   export class StorageService {
     private dbName = 'app_storage';
     private isEncrypted = false;
   
     async initialize(encrypted = false) {
       this.isEncrypted = encrypted;
   
       // Open storage with options
       await CapacitorDataStorageSqlite.openStore({
         database: this.dbName,
         encrypted: encrypted,
         mode: encrypted ? 'encryption' : 'no-encryption',
         version: 1
       });
     }
   
     // Generic storage methods
     async setObject<T>(key: string, data: T): Promise<void> {
       const value = JSON.stringify(data);
       await CapacitorDataStorageSqlite.set({ key, value });
     }
   
     async getObject<T>(key: string): Promise<T | null> {
       try {
         const { value } = await CapacitorDataStorageSqlite.get({ key });
         return value ? JSON.parse(value) : null;
       } catch (error) {
         console.error('Error getting object:', error);
         return null;
       }
     }
   
     // Batch operations
     async setMultiple(items: Record<string, any>): Promise<void> {
       for (const [key, value] of Object.entries(items)) {
         await CapacitorDataStorageSqlite.set({
           key,
           value: typeof value === 'string' ? value : JSON.stringify(value)
         });
       }
     }
   
     async getMultiple(keys: string[]): Promise<Record<string, any>> {
       const results: Record<string, any> = {};
   
       for (const key of keys) {
         try {
           const { value } = await CapacitorDataStorageSqlite.get({ key });
           results[key] = value;
         } catch (error) {
           results[key] = null;
         }
       }
   
       return results;
     }
   
     // Table management
     async getTables(): Promise<string[]> {
       const { tables } = await CapacitorDataStorageSqlite.tables();
       return tables;
     }
   
     async deleteTable(table: string): Promise<void> {
       await CapacitorDataStorageSqlite.deleteTable({ table });
     }
   
     // Import/Export functionality
     async exportToJson(): Promise<any[]> {
       const { keys } = await CapacitorDataStorageSqlite.keys();
       const { values } = await CapacitorDataStorageSqlite.values();
   
       return keys.map((key, index) => ({
         key,
         value: values[index]
       }));
     }
   
     async importFromJson(data: Array<{ key: string; value: string }>): Promise<void> {
       // Clear existing data
       await CapacitorDataStorageSqlite.clear();
   
       // Import new data
       for (const item of data) {
         await CapacitorDataStorageSqlite.set({
           key: item.key,
           value: item.value
         });
       }
     }
   
     // Filtering and searching
     async keysStartingWith(prefix: string): Promise<string[]> {
       const { keys } = await CapacitorDataStorageSqlite.keys();
       return keys.filter(key => key.startsWith(prefix));
     }
   
     async filterByPrefix(prefix: string): Promise<Array<{ key: string; value: string }>> {
       const { keys } = await CapacitorDataStorageSqlite.keys();
       const { values } = await CapacitorDataStorageSqlite.values();
   
       const filtered: Array<{ key: string; value: string }> = [];
   
       keys.forEach((key, index) => {
         if (key.startsWith(prefix)) {
           filtered.push({ key, value: values[index] });
         }
       });
   
       return filtered;
     }
   
     // Close database when done
     async close(): Promise<void> {
       await CapacitorDataStorageSqlite.closeStore({
         database: this.dbName
       });
     }
   }
   
   // Usage example
   const storage = new StorageService();
   await storage.initialize(true); // Use encryption
   
   // Store user data
   await storage.setObject('user_profile', {
     id: 123,
     name: 'John Doe',
     email: 'john@example.com'
   });
   
   // Retrieve user data
   const profile = await storage.getObject<any>('user_profile');
   console.log('User profile:', profile);

Referensi API

Metode

openStore(options: OpenStoreOptions)

Buka database storage.

Parameter:

• options.database: string - Nama database
• options.encrypted: boolean - Aktifkan enkripsi
• options.mode: string - ‘encryption’ atau ‘no-encryption’
• options.version: number - Versi database

closeStore(options: CloseStoreOptions)

Tutup database storage.

set(options: SetOptions)

Simpan pasangan key-value.

Parameter:

• options.key: string - Key storage
• options.value: string - Value untuk disimpan

get(options: GetOptions)

Ambil value berdasarkan key.

Mengembalikan: Promise<{ value: string }>

remove(options: RemoveOptions)

Hapus pasangan key-value.

clear()

Hapus semua data dari storage.

iskey(options: IskeyOptions)

Periksa apakah key ada.

Mengembalikan: Promise<{ result: boolean }>

keys()

Dapatkan semua key storage.

Mengembalikan: Promise<{ keys: string[] }>

values()

Dapatkan semua value storage.

Mengembalikan: Promise<{ values: string[] }>

tables()

Dapatkan semua nama tabel.

Mengembalikan: Promise<{ tables: string[] }>

deleteTable(options: DeleteTableOptions)

Hapus tabel tertentu.

Interface

interface OpenStoreOptions {
  database: string;
  encrypted?: boolean;
  mode?: string;
  version?: number;
}

interface SetOptions {
  key: string;
  value: string;
}

interface GetOptions {
  key: string;
}

interface RemoveOptions {
  key: string;
}

Catatan Platform

iOS

• Menggunakan SQLite3 dengan SQLCipher opsional untuk enkripsi
• Data bertahan di seluruh pembaruan aplikasi
• Mendukung iOS 11.0+

Android

• Menggunakan SQLite dengan SQLCipher opsional
• Data bertahan di seluruh pembaruan aplikasi
• Mendukung Android 5.0 (API 21)+

Kasus Penggunaan Umum

1. Preferensi Pengguna: Simpan pengaturan dan preferensi aplikasi
2. Manajemen Cache: Cache respons dan data API
3. Storage Offline: Simpan data untuk akses offline
4. Manajemen Sesi: Kelola sesi pengguna dengan aman
5. Storage Token: Simpan token autentikasi dengan aman

Praktik Terbaik

1. Gunakan Enkripsi untuk Data Sensitif

   // For sensitive data like tokens
   await openStore({
     database: 'secure_db',
     encrypted: true,
     mode: 'encryption'
   });

2. Organisir Key dengan Prefix

   // Use prefixes for organization
   await set({ key: 'user:123:profile', value: userData });
   await set({ key: 'cache:api:users', value: apiData });

3. Tangani Data Besar dengan Hati-hati

   // For large objects, consider compression
   const compressed = compress(largeData);
   await set({ key: 'large_data', value: compressed });

4. Pembersihan Rutin

   // Remove expired cache entries
   const keys = await keys();
   for (const key of keys.keys) {
     if (key.startsWith('cache:') && isExpired(key)) {
       await remove({ key });
     }
   }

Pemecahan Masalah

Database tidak terbuka:

• Periksa nama database valid (alfanumerik, underscore)
• Pastikan tidak ada karakter khusus dalam nama database
• Verifikasi mode enkripsi cocok dengan database yang ada

Data tidak bertahan:

• Pastikan openStore dipanggil sebelum operasi
• Periksa error di konsol
• Verifikasi nama key adalah string

Masalah performa:

• Hindari menyimpan value yang sangat besar
• Gunakan operasi batch jika memungkinkan
• Pertimbangkan menggunakan beberapa database untuk tipe data berbeda