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(9.6, 88%, 10%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3ESD%3C/text%3E%3C/svg%3E)
i an trying to use webView in my react-native application for the azure b2c
and trying to use custom policies with some custom view it is working for the some lib with browser open but i want to use webView as it is requirement for my application
i know it is possible but not sure how do it from start
can you guys suggest me some lib or doc for it ?
i have done it, with the help of doc here. i can see my custom login page which i have uploaded on the azure portal when i enter valid credentials for login webView giving error "description": "unsupported URL"
i think the problem is in the redirect URL and may be i could not understand
the URL format is https://tenant.b2clogin.com/tenant.onmicrosoft.com/customPolicy/oauth2/v2.0/authorize?client_id=myApplicationId&response_type=code&redirect_uri=msauth.bundleID://auth&response_mode=query&scope=openid%20offline_access& extraQueryParametersKEY1=extraQueryParametersValue1& extraQueryParametersKEY2=extraQueryParametersVALUE2
and Redirect URL as it can see above: redirect_uri=msauth.bundleID://auth (which i have register on Azure portal)
Hi @Sultan Dilawar Ali · Thank you for reaching out.
The URL should look like the one I have mentioned below. I have added line breaks intentionally for easy understanding of the parameters in the URL.
https://tenant.b2clogin.com/tenant.onmicrosoft.com/oauth2/v2.0/authorize?p=CUSTOM_POLICY_NAME
&client_id=myApplicationId
&nonce=defaultNonce
&redirect_uri=msauth.bundleID://auth
&scope=openid%20offline_access
&response_type=code
&response_mode=query
&prompt=login
In your case, the customPolicy name is incorrectly specified in the URL.
-----------------------------------------------------------------------------------------------------------
Please "Accept the answer" if the information helped you. This will help us and others in the community as well.
![](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(83.2, 1%, 18%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EGG%3C/text%3E%3C/svg%3E)
Can you please help with this?
We are trying out b2c login via the react-native application. Used the same URL pattern as suggested, the login page is getting loaded in the device but unfortunately receiving the "unsupported URL" error (below response) while trying to login via b2c login page.
Encountered an error loading page
{
"canGoBack": false,
"canGoForward": false,
"code": -1002,
"description": "**unsupported URL**",
"didFailProvisionalNavigation": true,
"domain": "NSURLErrorDomain",
"loading": false,
"target": 565,
"title": "Mobilelogin-page",
"url": "https://tenant.b2clogin.com/tenant.onmicrosoft.com/oauth2/v2.0/authorize?p=CUSTOM_POLICY_NAME&client_id=ApplicationId&response_type=code&redirect_uri=msalbundleID://auth&response_mode=query&scope=openid%20offline_access"
}
Can you please help on resolving this?
Thank you for your support!