How to setup and integrate SSO SAML login for angular webapp?

Question

How to setup and integrate SSO SAML login for angular webapp?

Krunal H 6

Hello Team.

We are trying to implement SSO login using SAML in our one of the angular apps. However we have checked for many guide and video tutorials but did not found any suitable solution on this.
Is there anybody who can provide details guide of steps to create SSO login setup and how to integrate it on frontend angular app?

We are expecting to integrate same like this reference site: https://app.pandadoc.com/sso-login/

TIA

VipulSparsh-MSFT 16,311 Reputation points Microsoft Employee

2020-09-28T08:39:27.087+00:00

@Krunal H
I wanted to follow up and know if the below response helped in answering your query. If it did, please accept the appropriate response as answer for the benefit of community. If it did not, please let us know so that we can help you further.
Krunal H 6 Reputation points

2020-09-28T08:47:08.797+00:00

@VipulSparsh-MSFT , Yes i got the concept and configuration flow, But i am looking for Integration guide as well for angular/node project where i can create demo for SSO login.

3 answers

Your answer

VipulSparsh-MSFT 16,311 Reputation points Microsoft Employee

2020-09-28T08:39:27.087+00:00

@Krunal H
I wanted to follow up and know if the below response helped in answering your query. If it did, please accept the appropriate response as answer for the benefit of community. If it did not, please let us know so that we can help you further.
Krunal H 6 Reputation points

2020-09-28T08:47:08.797+00:00

@VipulSparsh-MSFT , Yes i got the concept and configuration flow, But i am looking for Integration guide as well for angular/node project where i can create demo for SSO login.

Answer 1

Alfredo Revilla - Upwork Top Talent | IAM SWE SWA 27,526 Moderator

You will need a backend for this to store certificates required (which angular won't/should not do). Take a look to Azure AD – How to create your own SAML-based application using new Azure Portal (Custom code by Node.js (express, passport) section) for sample code and directions.

--
Please let us know if this answer was helpful to you. If so, please remember to mark it as the answer so that others in the community with similar questions can more easily find a solution.

Answer 2

Krunal H 6

@alfredo-revilla-msft thanks for your reply.

We have followed this references link for integration :
https://learn.microsoft.com/en-us/azure/active-directory/saas-apps/saml-toolkit-tutorial

As per above reference, we found that SSO with Azure AD allows only internal user to be Sign In to our webapp using SSO credentials, those users who is assigned to azure app.

So is that correct? OR SSO can be used by public users too?

Can you please clear this confusion?

Answer 3

Krunal H 6

@alfredo-revilla-msft can you please help here?

Alfredo Revilla - Upwork Top Talent | IAM SWE SWA 27,526 Reputation points Moderator

2020-09-23T18:42:45.93+00:00

This is correct. Only tenant users are allowed to sign-in.
Krunal H 6 Reputation points

2020-09-24T05:40:26.097+00:00
@alfredo-revilla-msft

Sorry but I just want to reconfirm if I'm on the correct path or not. can you please reply for following?

You mean, if i am creating SSO login app, then i have to add users in my app to allow them signin?
it will not work publicly for all users same like Google and Facebook social login?

Can you please give me brief idea how this SSO login works and what are the limitations if any?

Thanks for you help!
Krunal H 6 Reputation points

2020-09-24T13:16:45.213+00:00

@alfredo-revilla-msft can you help here?
Alfredo Revilla - Upwork Top Talent | IAM SWE SWA 27,526 Reputation points Moderator

2020-09-24T16:46:38.653+00:00
Thats's correct, you will have to assign users to the application for them to be able to sign in

Single sign-on means a user doesn't have to sign in to every application they use. The user logs in once and that credential is used for other apps too. For a more in depth understanding on how this works please take a look to Single Sign-On SAML protocol.
.
Sachin Pawale 11 Reputation points

2022-02-23T18:04:10.893+00:00

Hi @Krunal H , I want to Implement SSO login using SAML in my one of the angular apps.. Can you please share the reference code here. Thanks in advance.

Share via

How to setup and integrate SSO SAML login for angular webapp?

3 answers

Your answer