This browser is no longer supported.
Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(19.2, 84%, 11%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EJD%3C/text%3E%3C/svg%3E)
We have used Microsoft Azure ADB2C integrated in an Angular web app. Now we have converted it into a PWA app. With the help of the Capacitor library, we have converted it into an iOS application. But when we try to run a web app in iOS, the login redirects to the browser instead within the standalone iOS application.
We have tried different login pages created within the application, which redirects correctly with in application.
We also have verified AASA (apple-app-site-association) which registered our domain.
Can you help/guide us to diagnose this further because without ADB2C authentication, the app works fine in iOS.
We have implemented a login form using the MSAL library in the Angular application.
Azure AD B2C has a custom policy.
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(48, 68%, 14%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EKS%3C/text%3E%3C/svg%3E)
Hi @Jatin Dave,
Based on your query, here is my understanding: You would like to have login page on screen of the app instead of redirecting to the browser.
Azure AD B2C supports system default browser and embedded view of the login page. System browser could be used and recommended if you would like to remember the username of the users who have logged in before.
Note: Some identity providers, such as Google, don't support an embedded view experience.
Please go through the following document in order to use embedded view: Embedded web view experience.
I hope this information is helpful. Please feel free to reach out if you have any further questions.
Hi @Jatin Dave,
Following up to see if the above answer was helpful. If you have any further queries, kindly do reach us out by responding here.
Hi @Jatin Dave,
Following up to see if the above answer was helpful. If you have any further queries, kindly do reach us out by responding here.
Thanks for the reply,
I am creating app in angular and Embedded web view experience. suggest to code in iOS (Swift). Also angular MSAL library doesn't have MSALWebviewParameters to change webview.
Any other suggestion?
Hi @Jatin Dave,
To change this behavior, change the webviewType attribute of MSALWebviewParameters to wkWebView.
Here is an example provided:
func initWebViewParams() {
self.webViewParameters = MSALWebviewParameters(authPresentationViewController: self)
// Use embedded view experience
self.webViewParameters?.webviewType = .wkWebView
}
Here is the document which you can take as reference: Change per interactive request
As your confirmed, Angular MSAL only works with Single-page apps with Angular and Angular.js frameworks
If you would like to work on IOS and MacOS you need MSAL for IOS and MacOS. Here is the Microsoft document that confirms the same: MSAL Languages and Frameworks. I would suggest going with system view as there is supported configuration.
Hi @Jatin Dave,
Following up to see if the above answer was helpful. If you have any further queries, kindly do reach us out by responding here.
Hi @Jatin Dave,
Following up to see if the above answer was helpful. If this answers your query, do click Accept Answer and Yes for was this answer helpful. And, if you have any further query do let us know.