在现代 Web 应用开发中，前端安全显得尤为重要。@peculiar/webcrypto 是一个基于 WebCrypto API 的 JavaScript 库，可以帮助开发者更为方便地进行加密、解密、签名和验签等操作。本文将介绍如何使用 @peculiar/webcrypto 包及其相关 API。
安装
可以通过 npm 直接安装 @peculiar/webcrypto：
npm install @peculiar/webcrypto --save
导入
在代码中导入 @peculiar/webcrypto：
import { Crypto } from '@peculiar/webcrypto';
const crypto = new Crypto();生成随机值
用随机值生成器生成随机值：
const array = new Uint8Array(10); crypto.getRandomValues(array); console.log(array);
在这个例子中，我们创建了一个长度为 10 的 Uint8Array 数组并将其传递给 @peculiar/webcrypto 包的 getRandomValues 函数，该函数会使用 WebCrypto API 的 crypto.getRandomValues 函数来填充数组。
使用 Hash 算法
下面是一个使用 SHA-256 算法计算消息摘要的例子：
const data = new TextEncoder().encode('Hello, World!');
const hash = await crypto.subtle.digest('SHA-256', data);
console.log(new Uint8Array(hash));在这个例子中，我们首先使用 TextEncoder 将消息转换为 Uint8Array 数组，然后使用 @peculiar/webcrypto 包中的 digest 函数对其计算摘要。digest 函数会返回一个 ArrayBuffer 类型，我们使用 Uint8Array 将其转换为字节数组。
使用 RSA 加密算法
下面是一个使用 RSA 算法进行加密和解密的例子：
-- -------------------- ---- -------
----- --------- - ----- --------------------------
-
----- -----------
-------------- -----
--------------- --- ----------------- ----- -------
----- ----------
--
-----
------------
--
----- ---------- - ----- --------------------------
-
----- -----------
-------------- -----
--------------- --- ----------------- ----- -------
----- ----------
--
-----
------------
--
----- ---- - --- ---------------------------- ---------
----- --------- - ----- ----------------------
-
----- -----------
--
----------
-----
--
----- --------- - ----- ----------------------
-
----- -----------
--
-----------
----------
--
--------------- ---------------------------------在这个例子中，我们首先使用 @peculiar/webcrypto 包中的 generateKey 函数生成一个 RSA 算法使用的公钥和私钥。然后，我们使用 encrypt 函数将消息加密，使用 decrypt 函数将加密后的消息解密。我们注意到，在 RSA 算法中，公钥可以用于加密，私钥可以用于解密。
使用 ECDSA 签名算法
下面是一个使用 ECDSA 算法进行签名和验签的例子：
-- -------------------- ---- -------
----- ---------- - ----- --------------------------
-
----- --------
----------- --------
--
-----
---------
--
----- --------- - ----- ------------------------------- ----------------------
----- ---- - --- ---------------------------- ---------
----- --------- - ----- -------------------
-
----- --------
----- ----------
--
-----------
-----
--
----- ------ - ----- ---------------------
-
----- --------
----- ----------
--
----------
----------
-----
--
--------------------在这个例子中，我们首先使用 @peculiar/webcrypto 包中的 generateKey 函数生成一个 ECDSA 算法使用的公钥和私钥。然后，我们使用 exportKey 函数将公钥导出，使用 sign 函数对消息进行签名，使用 verify 函数对签名进行验证。我们注意到，在 ECDSA 算法中，私钥可以用于签名，公钥可以用于验证。
结论
本文介绍了如何使用 @peculiar/webcrypto 包进行加密、解密、签名和验签操作，并提供了相关示例代码。希望本文对您的前端开发工作有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/peculiar-webcrypto