使用Angular 4登录表单来使用IdentityServer 4验证应用程序。

Question

有没有一种方法可以使用我的Angular 4应用程序中的登录表单，并发布到IdentityServer 4项目，以便对Angular应用程序进行身份验证？

我在Angular应用程序中使用oidc-client。

实际上，为了验证Angular应用程序，用户将重定向到Identity Server 4项目，在那里登录表单会出现，然后带有令牌返回到angular应用程序。该令牌被保存并用于调用Web API应用程序。

非常感谢。

- Jean-Francois

---

以下是可以开始使用的项目链接：**project**。还需阅读相关的documentation。此外，我认为该链接提供的文档已足够入门。 - Sajeetharan

Answer 1

以下是我对之前提出的相同问题的回答:

从技术上讲，使用“资源所有者密码流”是可能的，但在该模型中，身份提供者不能信任您的应用程序，并且不会为您的用户创建会话。因此，这种非交互式方法并不真正实现SSO。
对于2019年的任何Web应用程序（如Angular SPA），建议采用Code Flow与PKCE扩展，如此处或那里所述。

- d_f

Answer 2

到你发现这个问题时，我会为其他人展示我的解决方案。 身份提供者只有在您未登录时才会将您发送到登录页面！因此，如果您通过SPA（例如Angular）连接，则需要在调用oidc-client的API之前进行登录。您只需向Identity提供者的登录操作发送Http请求，它将发出一个登录cookie，然后您调用授权端点（oidc-client的API），它将不再显示登录页面。 您还可以在Identity Server中设置登录路径，将其设置为angular应用程序中登录页面的位置，这将使未经身份验证的用户转到angular应用程序的登录页面，而不是其自己的登录页面。

- Hesam Kashefi