Azure AD B2C 登录 - “包含阻止加载的脚本错误”

Posted 2023-03-04

【中文标题】Azure AD B2C 登录 - “包含阻止加载的脚本错误”

【英文标题】：Azure AD B2C login - "contains script errors preventing it from being loaded"

【发布时间】：2019-05-24 09:33:50

【问题描述】：

我从 Integrate Azure AD B2C into an android application 关注这个示例应用程序并替换了我的 Azure AD B2C 租户的配置参数，但是我收到错误“包含阻止加载它的脚本错误

这是它生成的 URL，是错误的还是什么？我是新手，所以我不太了解:(

login.microsoftonline.com/signintest.onmicrosoft.com/oauth2/v2.0/authorize?p=b2c_1_signin&redirect_uri=ran%3dom%lett%3ers%idk%why&client_id=clientid&response_type=code&state=_JhayuFI4QGD1bjElOHnvg&scope=openid&code_challenge=uiXfg8c9XEFiHFRvjjVSAbCiRNJf5CeXDFXXN0qlj_U&code_challenge_method=S226

我跑到这个similar *** question，但我不知道他所说的“应该使用 Azure 门户的 Azure AD B2C 刀片创建 Azure AD B2C 应用程序”

我试图找出我自己的意思，但我没有找到任何东西。什么意思？

【问题讨论】：

您能按照tutorial 创建您的 Azure AD b2c 吗？

@NancyXiong 我不能，我只获得了“必要”参数，并且应该使用它们在 android 应用程序中运行登录页面。我没有做租户。

【参考方案1】：

使用F12查看控制台是否有错误信息。 我的错误信息是... has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

如果您看到此类错误消息，请确保静态自定义 UI html 文件的主机服务器允许 CORS。

【参考方案2】：

应使用 Azure AD B2C 创建 Azure AD B2C 应用程序 Azure 门户之刃

这意味着您应该在 Azure AD B2C 租户而不是 Azure AD 租户中创建 Azure AD B2C 应用。如果您没有 Azure AD B2C 租户，您可以先创建它。然后在该 B2C 租户中注册您的应用程序。你可以严格遵守Steps to Run。

参考：Tutorial: Create an Azure Active Directory B2C tenant

希望这会有所帮助。

【讨论】：

非常感谢您的回答。嗯，我可以问一个相关的问题吗？关于重定向 URI，在本机应用程序中 - 它应该是自定义方案吗？在我的例子中，我得到了一个不同格式的重定向 URI，比如 xyz:abc:mn:oauth:2.0:qrs。我想知道这是否是导致错误的原因。

为避免与其他应用程序发生冲突，我们建议使用独特的方案。此示例中的示例重定向 URI 是：com.onmicrosoft.fabrikamb2c.exampleapp://oauth/redirect

您的应用的重定向 URI，您的应用可以在其中发送和接收身份验证响应。它必须与您在门户中注册的重定向 URI 之一完全匹配，但它必须经过 URL 编码。阅读more

哦，所以重定向 uri 在刚登录时并不是真的，因此这不是问题。仍然不起作用，但非常感谢您的帮助：D