Comment utiliser IndexedDB comme base de données

IndexedDB est une base de données NoSQL côté client qui vous permet de stocker et d’extraire des données structurées dans le navigateur web de l’utilisateur.

IndexedDB offre plusieurs avantages, tels qu’une mémoire plus importante et le stockage et la récupération de données hors ligne par rapport à d’autres options de stockage, telles que localStorage. Vous apprendrez ici à utiliser IndexedDB comme base de données.

Configuration de votre base de données

Pour créer la base de données, vous devez créer une requête ouverte à l’aide de la fonction ouverte méthode. La méthode ouverte renvoie un IDBOpenDBRequest objet. Cet objet permet d’accéder à la base de données succès, erreuret mise à niveau nécessaire émis par l’opération d’ouverture.

Le ouvert prend deux arguments : un nom et un numéro de version facultatif. L’argument name représente le nom de votre base de données. Le numéro de version indique la version de la base de données avec laquelle votre application est censée travailler. La valeur par défaut est zéro.

Voici comment créer une demande ouverte :

 const openRequest = indexedDB.open("usersdb", 1);
 

Après avoir créé la demande ouverte, vous devez écouter et gérer les événements sur l’objet retourné.

Le succès se produit lorsque vous créez la base de données avec succès. Une fois l’événement émis, vous pouvez accéder à l’objet base de données par l’intermédiaire de l’événement event.target.result:

 openRequest.onsuccess = function (event) {
  const db = event.target.result;
  console.log("Database created", db);
};
 

L’exemple ci-dessus traite un événement de réussite en enregistrant l’objet de la base de données.

La fonction erreur se produit si IndexedDB rencontre un problème lors de la création de la base de données. Vous pouvez le gérer en consignant l’erreur dans la console ou en utilisant d’autres méthodes de gestion des erreurs :

 openRequest.onerror = function (event) {
  
};
 

L’événement mise à niveau nécessaire se produit lorsque vous créez la base de données pour la première fois ou lorsque vous mettez à jour sa version. Il ne se déclenche qu’une seule fois, ce qui en fait l’endroit idéal pour créer un magasin d’objets.

Création d’un magasin d’objets

Un magasin d’objets est similaire à une table dans les bases de données relationnelles côté serveur. Vous pouvez utiliser un magasin d’objets pour stocker des paires clé-valeur.

Vous devez créer des magasins d’objets en réponse à la directive mise à jour nécessaire (événement de mise à niveau). Cet événement se déclenche lorsque vous créez une nouvelle version de la base de données ou que vous mettez à niveau une version existante. Cela permet de s’assurer que la base de données est correctement configurée et à jour avant d’ajouter des données.

Vous pouvez créer un magasin d’objets à l’aide de la fonction…