在Angular中实现OAuth2.0授权代码授予

Question

我们必须在我的客户项目中集成OAuth2.0授权代码授予。目前，该应用程序使用本地登录页面。我们需要删除该页面，并将未登录的用户重定向到AS登录页面，https://AS.com/AS/authorization.oauth2？client_id=uom&response_type=code。在AS end成功登录后，我们将被重定向到配置的redirect_URI。此时，我的客户端应用程序将如何知道用户已在AS登录？如何在客户端维护会话？另外，我需要用和访问令牌交换auth代码，并将其用于后续的服务器API调用。那么如何实现这一点并将令牌作为标头发送呢？

应用程序是用Angular 4编写的。我以前从未从事过客户项目，因此感到困惑。

我只需要简单的要点/代码段如何做到这一点。

Answer 1

您可以使用这个库在您的站点上实现OAuth2/OpenID连接登录。

隐式授权流不应该被SPA使用，这里有更多。

OAuth2标准是一个无状态的授权框架。这意味着每次您想要从资源服务器访问资源时，您都需要提供一个有效的访问令牌--它应该作为“授权”标头提供。访问令牌是一种短暂的令牌。出现这种情况的主要原因是，即使在连接过程中令牌被盗，攻击者以后也无法使用它。还有一个刷新令牌。这种令牌允许您检索访问令牌，而不会再次显示登录页，直到其过期为止。