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