How can I use a web crypto API for secure data storage?

How can I use a web crypto API for secure data storage?

You can use the Web Crypto API to securely store data by encrypting it before saving. Would you like a code example?

Yes, please provide a code example for encrypting data.

Here's a simple example using AES-GCM for encryption:

const encoder = new TextEncoder();
const data = encoder.encode('Your sensitive data');
const key = await window.crypto.subtle.generateKey({
  name: 'AES-GCM',
  length: 256
}, true, ['encrypt', 'decrypt']);

const iv = window.crypto.getRandomValues(new Uint8Array(12));
const encryptedData = await window.crypto.subtle.encrypt({
  name: 'AES-GCM',
  iv: iv
}, key, data);

This will encrypt your data securely.

How do I decrypt the data after encrypting it?

To decrypt the data, you can use the following code:

const decryptedData = await window.crypto.subtle.decrypt({
  name: 'AES-GCM',
  iv: iv
}, key, encryptedData);
const decoder = new TextDecoder();
const originalData = decoder.decode(decryptedData);

This will give you back the original data.

What are the limitations of using the Web Crypto API?

Some limitations include browser compatibility, lack of support for certain algorithms, and the need for secure contexts (HTTPS).