如何分离 Identityserver4 前端和后端答案

【问题标题】：How to separate Identityserver4 frontend and backend如何分离 Identityserver4 前端和后端
【发布时间】：2017-01-03 08:10:18
【问题描述】：

第三方将实施我的脚本，该脚本将在他们的网站上注入一个按钮，该按钮将在我的服务器上托管的新窗口中打开一个 angular2 应用程序。

然后，angular2 应用程序将使用同样托管在我的服务器上的 identityserver4 对用户进行身份验证，但将位于不同的子域中。

然后，用户将获得一些选项来在 angular2 应用程序中执行不同的操作，但最终 JWT 将被传递给第三方。

所以我想要做的是将视图从 this identityserver4 项目分离到一个单独的 angular2 项目，该项目将位于与 identityserver 不同的子域中。

所以我的问题是我如何从运行在 sub1.mydomain.com 上的 javascript 应用程序从运行在 sub2.mydomain.com 上的 IdentityServer4 获取 JWT，它验证客户端/用户名/密码并返回 JWT ？

这可能吗？

编辑：试图可视化

【问题讨论】：

【解决方案1】：

嗯，这应该是可能的。由于您没有显示任何代码，因此很难为您提供具体帮助。

如果您尝试遵循他们制作的出色指南IdentityServer4_jsclient

他们将向您展示如何设置单独的 javascript 客户端。此客户端将是您的 Angular2.0 应用程序。

然后，您可以使用他们在您提到的链接中提供的模板来获取登录流程。或者您可以编写自己的登录流程应用程序，这将为用户提供登录方式。在快速入门指南中查看他们的登录流程，并尝试了解它是如何工作的。您应该能够使用 SPA 应用程序模拟这种行为。

【讨论】：

但我需要“登录流程”作为我的 angular2 应用程序，位于与身份服务器不同的子域上。
@user3621898 为什么您不希望您的登录流程（angular2 应用程序）位于身份服务器之外的另一个子域上？应该也是可以的。您必须查看他们的快速入门流程。了解登录所需的步骤，然后在您的 angular2 应用程序中复制它们。使用 ajax 调用而不是页面更改。
因为许多其他应用程序将使用身份服务器，并且许多与身份服务器无关的逻辑将出现在 angular2 应用程序中，所以我想尽可能地将它们分开。