OAuth 2.0 是一种用于授权的流程，它使用户能够向第三方应用授权访问他们存放在其他服务提供者处的资源，而不需要将他们的用户名和密码提供给该服务提供者。OpenID Connect（OIDC）是基于 OAuth 2.0 的协议，并提供了用于身份验证的附加功能。@solid/oidc-auth-manager 是一个开源的 JavaScript 库，用于 OIDC 协议的身份验证功能，本教程将详细介绍其使用方法以及示例代码。
安装
使用 NPM 或 Yarn 安装 @solid/oidc-auth-manager：
npm install @solid/oidc-auth-manager # 或者 yarn add @solid/oidc-auth-manager
如何使用
-- -------------------- ---- -------
------ --------------------- ---- ---------------------------
----- ------- - --- -----------------------
---------- -----------------
------------- --------------------
----------------- --------------------------
------------------ -------------------------------------------
-------------- ---------------------------------------
-------------------- -
---------- ---------------------------------
---------- -----------------
------------- --------------------
------------------------- ---------------------------
-------------- -------
------ ------- ------- -------
--------------------- -----
------------- -----
--
---
-- ------
----------------
-- ----
----------------------------- -- -
----- - ------------- -------- - - -----
---
-- ----
-------------------------------- -- -
----- - ------------- -------- - - -----
---
-- ----
-----------------详细说明
@solid/oidc-auth-manager 主要由两个库构成：oidc-client-js 和 solid-auth-client。oidc-client-js 是一个基于 OpenID Connect 协议的 JavaScript 库，用于管理 OIDC 操作，solid-auth-client 是用于单点登录的 JavaScript 库。
构造器
构造器需要传递一个配置对象：
- client_id: 应用程序的客户端 ID。
- redirect_uri: 授权服务器将用户重定向回来的 URL。
- popupRedirectUri: 弹出窗口重定向 URI。
- authorizeEndpoint: 授权服务器的授权端点 URL。
- tokenEndpoint: 授权服务器的令牌端点 URL。
- userManagerSettings: 用于 OpenID Connect 身份提供者配置的 UserManagerSettings 对象。
登录
manager.login() 函数将触发 OAuth 2.0 的授权请求，它将自动跳转到授权服务器并等待用户进行身份验证。在授权成功之后，它将重定向回重定向 URI 并携带授权服务器返回的授权代码。
获取令牌
manager.getUser() 函数将返回当前已经登录的用户的信息和令牌。它基于 OIDC 协议来单点登录。它将根据您提供的 IDM URI，尝试使用之前从授权服务器获得的令牌来获取有关用户的信息。
更新令牌
OAuth 2.0 令牌的有效期可能会很短，您不希望用户重新进行用户登录操作。使用 OAuth 2.0 刷新令牌功能，您可以使用之前授权服务器返回的 refresh_token 来获取一组新的令牌。 manager.renewToken() 函数将刷新令牌并返回新的令牌。
退出
manager.logout() 函数将触发 OAuth 2.0 的撤销请求，它将自动跳转到授权服务器并等待撤销授权。在成功撤销授权之后，用户将被重定向到您提供的注销 URI。
示例代码
-- -------------------- ---- -------
------ --------------------- ---- ---------------------------
----- ------- - --- -----------------------
---------- ---------------------------------------
------------- ---------------------------------
----------------- -----------------------------------
------------------ -------------------------------------
-------------- ---------------------------------
-------------------- -
---------- ------------------------
---------- ---------------------------------------
------------- ---------------------------------
------------------------- ------------------------
-------------- -------
------ ------- ------- -------
--------------------- -----
------------- -----
--
---
-- ------
----------------
-- ----
----------------------------- -- -
----- - ------------- -------- - - -----
--------------------------
----------------------
---
-- ----
-------------------------------- -- -
----- - ------------- -------- - - -----
--------------------------
----------------------
---
-- ----
-----------------结论
在这篇文章中，我们使用示例代码演示了如何使用 @solid/oidc-auth-manager 开源库来实现 OpenID Connect 协议的身份验证功能，同时详细介绍了每一个函数的用法和参数。由于 OIDC 协议的复杂性，本文只能介绍其最基本的使用方法，读者需要进一步探索 OIDC 协议的使用方法和更多的功能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedbad6b5cbfe1ea0611920