SSO 与 Angular6 应用程序的集成答案

【问题标题】：SSO Integration with Angular6 applicationSSO 与 Angular6 应用程序的集成
【发布时间】：2019-01-04 15:53:05
【问题描述】：

我是 Angular 应用程序的新手。我需要一个建议来实现与 Angular6 (SPA) 的 SSO 集成。对于完整的教程，我没有在网上得到任何东西。

基本上，我是一名 php 开发人员，我将 SSO 与 php 应用程序集成。由于 Angular6 是 UI，我不知道如何使用 Angular6 管理秘密和重定向等事情。

所以如果有人建议我执行 Angular6 和 SSO 集成的步骤（或 Github 示例）会更好，最好的方法是什么？

【问题讨论】：

你可以使用像 auth0 这样的库来为你做这件事，如果你感兴趣我会写出正确的实现
SO post, auth0 tutorial, the github page for tutorial
this 库在 Angular 应用程序中为您处理所有内容，如果您想查看示例，请查看 this
感谢您的回复。我一直在为 Comcast 工作，他们有自己的 SSO（客户端 ID 和回调 URL）。所以我不知道如何使用 Auth0。你们知道任何处理 SSO 的 Angular 节点包中的库吗？因为我检查了 Auth0，所以他们有自己的包，比如 '"auth0-js": "^9.4.1" for Angular，' 而且我认为，它只适用于 Auth0 客户端 ID 和所有。但就我而言，情况会有所不同。
我认为这可能会对您有所帮助auth0.com/blog/angular-2-authentication

标签： javascript angular single-sign-on angular6

【解决方案1】：

您可以使用 iodc 库 => https://github.com/damienbod/angular-auth-oidc-client 进行 SSO 身份验证:)

【讨论】：

【解决方案2】：

单点登录 (SSO) 到 Angular JS 由 miniOrange 提供的解决方案可以通过设置 JWT SSO 来实现。在这种情况下，您可以通过使用现有的兼容身份提供者验证身份，允许您的用户单点登录 (SSO) 进入 Angular JS。这是使用 JSON Web Token (JWT) 令牌完成的，它可以轻松地与任何框架或语言中构建的 Angular JS 集成。

这个在 Angular JS 中设置 SSO 的分步指南将为您提供帮助另外：https://www.miniorange.com/angular-js-adfs-single-sign-on(sso)?utm_source=Stackoverflow&utm_medium=Stack&utm_campaign=AngularJS&utm_id=Socialbookmarking

或者您可以联系 info@xecurify.com 来帮助您在 Angular JS 中测试或设置 SSO。

【讨论】：

【解决方案3】：

这是我在我的应用程序中集成多个 sso 的方法。目前，我已经集成了 sso ( jwt, kerberos, saml2, ...)

我们有一个 Angular 应用程序和其他 API ...

/front-end/sso/method 
( method can be saml, jwt, kerberos )

当用户访问任何font-end sso url时，它将被重定向到rest-api来处理登录：

/back-end/sso/method?callback=frontend-url

所以所有 sso 请求也在服务器上处理...

您可以使用（php 或 java ...）轻松控制/管理它

如果成功，我们将使用令牌将用户重定向到前端 url。令牌可以放在标题中以隐藏用户的眼睛。

/front-end/sso/method?token=abc

如果失败，我们将使用错误消息重定向用户

/front-end/sso/method?error=Invalid....

PS：我选择这个实现是因为我支持后端语言并且不想在前端显示太多信息（比如 saml 配置...）

【讨论】：