14、使用Nx、NgRx和Redux构建企业门户

使用Nx、NgRx和Redux构建企业门户

1. 基于令牌的身份验证理解

身份验证本质上是一个允许特定个体访问应用程序资源的过程。一般来说，有两种常见的用户身份验证方式：使用cookie或者使用令牌，这些令牌可以存储在浏览器的 localStorage 或 sessionStore 中。

本文将采用OAuth（发音为“oh Auth”），借助第三方服务Auth0（Auth zero）来实现身份验证。OAuth的优势在于，应用程序不会直接接触到用户密码，因为身份验证过程是在另一个应用程序中完成的。

以下是使用OAuth进行身份验证的步骤：
1. 在Web应用中设置“登录/注册”按钮，并且根据浏览器是否包含Auth令牌来隐藏或保护路由。
2. 将Auth0提供的JavaScript库 auth0-js 集成到Web应用中，同时传入从Auth0创建新项目时获取的 clientId 和 domain 。
3. 当用户点击“登录”按钮时，将其重定向到Auth0的域名页面，用户可以选择使用电子邮件登录或社交登录方式登录应用。
4. 身份验证成功后，Auth0会将用户重定向到预先提供给Auth0项目的回调URL，并附带一些代码。
5. 到达回调页面后，让Auth0处理URL参数，从而获取授权相关的详细信息，如Auth令牌。
6. 保存该令牌以及Auth令牌的过期详细信息。获取Auth令牌后，使用 JWTModule （包含Angular拦截器）通过Auth令