SSO 與 Angular6 應用程序集成

Question

我是 Angular 應用程序的新手。 我需要一個建議來實現與 Angular6 (SPA) 的 SSO 集成。 對於完整的教程，我沒有在網上得到任何東西。

基本上，我是一名 php 開發人員，我與 php 應用程序進行了 SSO 集成。 由於 Angular6 是 UI，我不知道如何使用 Angular6 管理秘密和重定向等。

因此，如果有人建議我執行 Angular6 和 SSO 集成的步驟（或 Github 示例）會更好，最好的方法是什么？

Answer 1

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

Answer 2

miniOrange提供的Angular JS解決方案中的單點登錄（SSO）可以通過設置 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=社交書簽

或者您可以聯系 info@xecurify.com 以幫助您測試或設置 SSO 到 Angular JS。

Answer 3

這是我在應用程序中與多個 sso 集成的方法。 目前，我已經集成了 sso ( jwt, kerberos, saml2, ...)

我們有一個角度應用程序和休息 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配置......）