JavaScript Crypto — випадкові числа й хешування

Crypto (глобальний об'єкт crypto) дає криптостійку випадковість і доступ до справжньої криптографії: хешування, шифрування, підписи.

правити

Загальний опис

Найчастіше з нього беруть дві речі, і обидві — однорядкові.

crypto.randomUUID() повертає готовий унікальний ідентифікатор. crypto.getRandomValues() заповнює масив випадковими байтами — на відміну від Math.random(), який передбачуваний і для будь-чого, пов'язаного з безпекою (токени, паролі, солі), не годиться категорично.

Глибша частина — crypto.subtle: хешування SHA-256, шифрування AES, підписи. Усі його методи асинхронні (повертають проміси) і приймають байти, а не рядки — тож у парі з ним завжди йде TextEncoder.

правити

Нотатка

crypto.subtle доступний лише в захищеному контексті — тобто на HTTPS або на localhost. На звичайному HTTP його просто немає.

автор: NagarD правити

+ додати пораду чи нотатку

Синтаксис

crypto.randomUUID();

методи

властивості

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі Серверні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
	11	21	5	15	12	11

Підтримка: мобільні переглядачі

Переглядач
	4.4	18	21	5

Підтримка: серверні переглядачі

Переглядач
	19.0.0	1.11

Приклади

+ запропонувати свій приклад у пісочниці

// готовий унікальний id
console.log(crypto.randomUUID());

// випадкові байти — не Math.random()!
const bytes = crypto.getRandomValues(new Uint8Array(16));
const token = [...bytes].map(b => b.toString(16).padStart(2, '0')).join('');
console.log(token);

// хеш SHA-256 (лише на HTTPS або localhost)
async function sha256(text) {
    const data = new TextEncoder().encode(text);
    const hash = await crypto.subtle.digest('SHA-256', data);

    return [...new Uint8Array(hash)]
        .map(b => b.toString(16).padStart(2, '0'))
        .join('');
}

sha256('привіт').then(hash => console.log('SHA-256:', hash));