How can I use the Web Crypto API in my browser?

How can I use the Web Crypto API in my browser?

You can use the Web Crypto API to perform cryptographic operations like hashing, encryption, and key generation directly in the browser.

Can you give me an example of generating a hash?

Sure! You can use the crypto.subtle.digest method. Here's a simple example:

const data = new TextEncoder().encode('Hello, world!');
crypto.subtle.digest('SHA-256', data).then(hash => {
    console.log(new Uint8Array(hash));
});

What about encrypting data?

For encryption, you can use crypto.subtle.encrypt. Here's an example using AES-GCM:

const key = await crypto.subtle.generateKey({
    name: 'AES-GCM',
    length: 256
}, true, ['encrypt', 'decrypt']);
const iv = crypto.getRandomValues(new Uint8Array(12));
const encrypted = await crypto.subtle.encrypt({
    name: 'AES-GCM',
    iv: iv
}, key, data);

Is the Web Crypto API supported in all browsers?

Most modern browsers support the Web Crypto API, but it's always good to check compatibility on sites like MDN Web Docs.