登录/注册的自定义UI在Azure AD B2C中给出错误

时间:2019-09-25 12:48:10

标签: azure azure-ad-b2c

运行带有自定义UI的应用程序进行Azure AD B2C登录/注册时出现错误:

错误详细信息: [[ 我们无法登录。

“ OpenIdConnectMessage.Error不为null,表示错误。错误:'server_error'。Error_Description(可能为空):'AADB2C90047:资源'https://checkmypaystorageadb2c.blob.core.windows.net/root/unified.html'包含脚本错误,无法加载。 ID:94ef88b7-1df4-49e4-baca-be932f0b77bc时间戳记:2019-09-25 11:21:22Z'。Error_Uri(可能为空):”。” ]]

自定义用户界面: 1)存储帐号明细: Storage account details

2)CORS设置: CORS Settings

3)在注册策略中设置自定义页面网址

Custom Page url in Signup SignIn Policy

4)错误页面: Error Page

5)测试CORS: Test Cors Result

6)Unified.html

    <!DOCTYPE html>
<html>
  <head>
    <title>Sign in</title>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="https://checkmypaystoragetest.blob.core.windows.net/customsignup/global.css" rel="stylesheet" type="text/css" />
    <link rel="shortcut icon" type="image/png" href="https://checkmypaystoragetest.blob.core.windows.net/customsignup/favicon.png"/>
  </head>
  <body>
    <div class="container unified_container">
      <div class="row">
        <div class="col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2">
          <div class="panel panel-default">
            <div class="panel-body">
              <div class="image-center">
                <img alt="Check My Pay" class="login-logo" src="https://checkmypaystoragetest.blob.core.windows.net/customsignup/logo.png" />
              </div>
              <h3 class="text-center">Sign in with your existing account</h3>
              <div id="api" data-name="Unified">
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>

3 个答案:

答案 0 :(得分:0)

图片不清晰。但这似乎是CORS错误。这是link自定义指南。 您还需要将PUT添加到允许的标题中。

答案 1 :(得分:0)

我们在浏览器中阻止javascript和/或cookie时得到了此提示。

答案 2 :(得分:0)

这里要检查两件事

  1. 尝试在您的用户中打开Enable JavaScript enforcing page layoutProperties
  2. 下流动
  3. 检查托管自定义UI pgaes的CORS设置。它应指向“ https://yourb2ctenantname.b2clogin.com的“允许的起源”,并应具有GET, OPTIONS的“允许的方法”