在前端开发中，处理用户的登录信息是必不可少的任务。而在 Windows 平台上，可以利用 @nodert-win8.1/windows.security.credentials.ui 这个 npm 包，简单、快速地管理和操作用户的登录信息。
安装
在使用之前，我们需要先下载安装该 npm 包。我们可以通过 npm 命令行工具来安装：
--- ------- ----------------------------------------------
安装完成后，我们就可以在项目中使用了。
功能说明
@nodert-win8.1/windows.security.credentials.ui 这个 npm 包主要提供一些方法来管理用户的登录信息。它支持以下功能：
- 获取用户输入的登录凭据
- 显示登录凭据的 UI 界面
- 存储用户登录凭据
- 删除用户登录凭据
方法说明
showUI(options: ICredentialPickerOptions)
展示登录凭据的 UI 界面。
参数列表：
- options: ICredentialPickerOptions，可选，登录凭据的配置参数
返回值：
- Promise，异步返回用户选择的登录凭据信息
举例：
------ - ------- -------------------- - ---- ------------------------------------------------- -------- ----------------------- ---------------------------- ---------------------- ---------------------------- ---------------- -- - -------------------- ---
getCredentialSavedByUser(targetName: string, type: string)
获取用户存储的登录凭据信息。
参数列表：
- targetName: string，必选，登录凭据的目标名称
- type: string，可选，登录凭据的类型
返回值：
- Promise，异步返回用户存储的登录凭据信息
举例：
------ - ------------------------ - ---- ------------------------------------------------- -------------------------------- ------ ------------------------- -- - ------------------------ ---
removeCredential(targetName: string, type: string)
删除用户存储的登录凭据信息。
参数列表：
- targetName: string，必选，登录凭据的目标名称
- type: string，可选，登录凭据的类型
返回值：
- Promise，异步返回删除操作结果
举例：
------ - ---------------- - ---- ------------------------------------------------- ------------------------ ------ --------------- -- - ----------------------- ---------- ---
storeCredential(targetName: string, type: string, credBlob: Uint8Array, persist: boolean)
存储用户的登录凭据信息。
参数列表：
- targetName: string，必选，登录凭据的目标名称
- type: string，可选，登录凭据的类型
- credBlob: Uint8Array，必选，登录凭据的信息
- persist: boolean，必选，是否持久化存储
返回值：
- Promise, 异步返回存储操作结果
举例：
------ - --------------- - ---- -------------------------------------------------
----------------------- ------ ------- --- ----------------- ----- ----- ----- ------- -----
-------- -- -
----------------------- ---------
---示例代码
以下是一个完整的示例代码，该代码可以获取用户输入的登录凭据，存储到本地文件中，并在下一次打开应用时，直接从文件中加载登录凭据信息。
------ - ------- --------------------- ---------------------- - ---- -------------------------------------------------
------ - ----------- ------------- ------------- - ---- -----
------ - ------- - ---- -------
----- -------------------- - ------------------ --------------------
--- -------- --
-------- ---------------- ------ - ---- -
-- ---------------------------------- -
------ ---------------------------------- ---------
-
------ -----
-
--- ---- --
-------- --------------------------- -------- ---- -
----------------------------------- ------------
-
--- ---- --
-------- ------------------- ---- -
-- ---------------------------------- -
----------------------------------- ----
-
-
----- -------- -------- ------------- -
----- ---------- - ----------------
-- ------------ -
------------------ ---- ---------- ---- ------- ------------
-------
-
--------------- ---------- ------ ---- ---------- ------ ------
----- ------ - ----- --------
----------------------- ----------------------------
---------------------- ------------------------------
---
-- -------- -
----- - ---------- ---------- - - -------
-- ---------- --- - -- ----------- -
----- - --------- -------- - - -----------
-------------------------------------------
------------------ ---- ---------- ---- ------
------------------------
-
-
-
--------总结
通过 @nodert-win8.1/windows.security.credentials.ui 这个 npm 包，我们可以简单、快速地管理和操作用户的登录凭据信息。在实际项目中，我们可以将用户登录凭据信息存储到本地文件中，下一次打开应用时，直接从文件中加载登录凭据信息，这样便可以免去用户重新登录的繁琐操作。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066bce967216659e244ccf