B2C msal Integration in Ionic Framework

Question

B2C msal Integration in Ionic Framework

Sugat 21

Hi,

I have implemented b2c msal in Ionic project through @azure/msal-angular and msal js library.
And I am using loginRedirect to change url in same window but it is opening device's default browser.

According to my project's requirements I have to login user within the application. using msal-angular js plugin.

For the moment I am using cordova InAppBrowser to login and get token from success url. and using this method I am unable to get refresh token.

Marilee Turscak-MSFT 37,206 Reputation points Microsoft Employee Moderator

2020-12-17T23:05:30.787+00:00

Hi @Sugat ,

Thanks for reaching out! What is your exact concern/question around this project?

There's a blog post around B2C and Ionic integration that may be helpful in this endeavor: https://techcommunity.microsoft.com/t5/apps-on-azure/adding-azure-ad-b2c-login-to-a-hybrid-mobile-app-using-ionic/ba-p/1563740
Sugat 21 Reputation points

2020-12-18T05:49:53.367+00:00

Hi @MarileeTurscak ,

Thanks for your suggestion.

But I don't have an Ionic Enterprise license key, so can't use the Ionic Auth Connect plugin.
Although I have found a way to refresh the access token.
mol 1 Reputation point

2021-07-14T11:30:01.403+00:00

Hello,

Could you indicate how you have solved the problem?
It would be of great help for a project that I am doing.

Thanks
Sugat 21 Reputation points

2021-07-20T08:41:38.623+00:00

Hi @mol ,

I have used InAppBrowser to solve this problem.
I am opening the b2c URL in InAppBrowser and capturing the URL change in "startload" event and closing that IAB if URL has id_token.
mol 1 Reputation point

2021-08-30T10:32:49.863+00:00

Thanks you for your reply, I try this to get the token.
mol 1 Reputation point

2021-09-06T11:30:49.21+00:00

Hi @Sugat ,

I try to get the token using B2C but when load the InAppBrowser get the web pass is not available.

I use this url type com.xxx.xxx://login

Can you give me more information about the url I need to obtain the url?

I have used this manual to create the B2C application in azure: https://ionic.io/docs/auth-connect/azure-ad-b2c

Thanks you.
mol 1 Reputation point

2021-09-07T12:22:34.473+00:00

thanks you @Sugat , finally I got the solution.

I had using a native application to do this.
Darshan Shirangala Shombappa 0 Reputation points

2024-02-22T10:18:09.1166667+00:00

Hi Sugat,

Can you please help us with your implementation/the sample code which you have used to achieve this??
Darshan Shirangala Shombappa 0 Reputation points

2024-02-22T10:25:51.14+00:00

Hi Mol,

Can you please share me the sample code of this implementation?

Your answer

Marilee Turscak-MSFT 37,206 Reputation points Microsoft Employee Moderator

2020-12-17T23:05:30.787+00:00

Hi @Sugat ,

Thanks for reaching out! What is your exact concern/question around this project?

There's a blog post around B2C and Ionic integration that may be helpful in this endeavor: https://techcommunity.microsoft.com/t5/apps-on-azure/adding-azure-ad-b2c-login-to-a-hybrid-mobile-app-using-ionic/ba-p/1563740
Sugat 21 Reputation points

2020-12-18T05:49:53.367+00:00

Hi @MarileeTurscak ,

Thanks for your suggestion.

But I don't have an Ionic Enterprise license key, so can't use the Ionic Auth Connect plugin.
Although I have found a way to refresh the access token.
mol 1 Reputation point

2021-07-14T11:30:01.403+00:00

Hello,

Could you indicate how you have solved the problem?
It would be of great help for a project that I am doing.

Thanks
Sugat 21 Reputation points

2021-07-20T08:41:38.623+00:00

Hi @mol ,

I have used InAppBrowser to solve this problem.
I am opening the b2c URL in InAppBrowser and capturing the URL change in "startload" event and closing that IAB if URL has id_token.
mol 1 Reputation point

2021-08-30T10:32:49.863+00:00

Thanks you for your reply, I try this to get the token.
mol 1 Reputation point

2021-09-06T11:30:49.21+00:00

Hi @Sugat ,

I try to get the token using B2C but when load the InAppBrowser get the web pass is not available.

I use this url type com.xxx.xxx://login

Can you give me more information about the url I need to obtain the url?

I have used this manual to create the B2C application in azure: https://ionic.io/docs/auth-connect/azure-ad-b2c

Thanks you.
mol 1 Reputation point

2021-09-07T12:22:34.473+00:00

thanks you @Sugat , finally I got the solution.

I had using a native application to do this.
Darshan Shirangala Shombappa 0 Reputation points

2024-02-22T10:18:09.1166667+00:00

Hi Sugat,

Can you please help us with your implementation/the sample code which you have used to achieve this??
Darshan Shirangala Shombappa 0 Reputation points

2024-02-22T10:25:51.14+00:00

Hi Mol,

Can you please share me the sample code of this implementation?

Share via

B2C msal Integration in Ionic Framework

Your answer