简体   繁体   English

SSO 与 Angular6 应用程序集成

[英]SSO Integration with Angular6 application

I am new to the Angular application.我是 Angular 应用程序的新手。 I would need to a suggestion to implement SSO Integration with Angular6 (SPA).我需要一个建议来实现与 Angular6 (SPA) 的 SSO 集成。 I didn't get anything on the net for the complete tutorial.对于完整的教程,我没有在网上得到任何东西。

Basically, I am a php developer and I did SSO integration with php applications.基本上,我是一名 php 开发人员,我与 php 应用程序进行了 SSO 集成。 Since Angular6 is UI, I don't know how to manage the secret and redirection and other things with Angular6.由于 Angular6 是 UI,我不知道如何使用 Angular6 管理秘密和重定向等。

So It would be better if someone suggests me steps (or Github samples) to implement Angular6 & SSO Integration and what would be the best way to do that?因此,如果有人建议我执行 Angular6 和 SSO 集成的步骤(或 Github 示例)会更好,最好的方法是什么?

你可以使用iodc library => https://github.com/damienbod/angular-auth-oidc-client进行SSO认证:)

Single Sign-On (SSO) into Angular JS solution provided by miniOrange can be achieved by setting up JWT SSO . miniOrange提供的Angular JS解决方案中的单点登录(SSO)可以通过设置 JWT SSO实现 In this case, you can allow your users to Single Sign-On (SSO) into Angular JS by verifying Identity with your existing compliant Identity Provider .在这种情况下,您可以通过使用现有的合规身份提供者验证身份来允许您的用户单点登录 (SSO) 到 Angular JS。 This is done using JSON Web Token (JWT) tokens , and it can be easily integrated with Angular JS built in any framework or language.这是使用JSON Web Token (JWT) 令牌完成的,它可以轻松地与以任何框架或语言构建的 Angular JS 集成。

This step-by-step guide to set up SSO into Angular JS will help you furthermore: https://www.miniorange.com/angular-js-adfs-single-sign-on(sso)?utm_source=Stackoverflow&utm_medium=Stack&utm_campaign=AngularJS&utm_id=Socialbookmarking这个在 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=社交书签

Or you can contact info@xecurify.com to help you test or setup SSO into Angular JS.或者您可以联系 info@xecurify.com 以帮助您测试或设置 SSO 到 Angular JS。

Here is my way to integrate with multiple sso in my applications.这是我在应用程序中与多个 sso 集成的方法。 Currently, i already integrated sso ( jwt, kerberos, saml2, ...)目前,我已经集成了 sso ( jwt, kerberos, saml2, ...)

We have an angular app and rest api ...我们有一个角度应用程序和休息 api ...

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

When user visit any font-end sso url, it will be redirected to rest-api to handle sign on:当用户访问任何 font-end sso url 时,它将被重定向到 rest-api 来处理登录:

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

So all sso requests are also handled at server...所以所有的 sso 请求也在服务器上处理......

You can control/manage it easily with (php or java ...)您可以使用(php 或 java ...)轻松控制/管理它

If success, we will redirect user to front-end url with a token.如果成功,我们将使用令牌将用户重定向到前端 url。 Token can be put in header to hide from eye of user.令牌可以放在标题中以隐藏用户的眼睛。

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

If fail, we will redirect user with error message如果失败,我们将使用错误消息重定向用户

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

PS: i choose this implementation because i am in favor of back end language and don't want to show many information at front-end ( like saml configuration ... ) PS:我选择这个实现是因为我喜欢后端语言并且不想在前端显示很多信息(比如saml配置......)

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM