azure - AD B2C 直接登录显示 {OIDC :LoginHint} rather than email address

Question

我正在尝试在 SelfAsserted-EmailCollect TechnicalProfile 中使用直接登录。我已将 InputClaim 上的默认值设置为 {OIDC:LoginHint} 并传递了一个 login_hint 查询参数，但在登录 UI 中我看到的是 {OIDC:LoginHint} 而不是我在查询参数中传递的电子邮件地址。

这是我的 claim 提供商:

<ClaimsProvider>
      <DisplayName>SelfAsserted</DisplayName>
      <TechnicalProfiles>
        <TechnicalProfile Id="SelfAsserted-EmailCollect">
          <DisplayName>Email</DisplayName>
          <Protocol Name="Proprietary" Handler="Web.TPEngine.Providers.SelfAssertedAttributeProvider, Web.TPEngine, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null" />
          <Metadata>
            <Item Key="ContentDefinitionReferenceId">api.selfasserted.profileupdate</Item>
          </Metadata>
          <IncludeInSso>false</IncludeInSso>
          <InputClaims>
            <InputClaim ClaimTypeReferenceId="email" DefaultValue="{OIDC:LoginHint}"/>          
          </InputClaims>
          <OutputClaims>
            <OutputClaim ClaimTypeReferenceId="email" />
          </OutputClaims>
        </TechnicalProfile>
      </TechnicalProfiles>
    </ClaimsProvider>
  </ClaimsProviders>

我使用此网址登录:

https://mytenant.b2clogin.com/cubiksconnectv2.onmicrosoft.com/oauth2/v2.0/authorize?p=B2C_1A_Signup_Signin_Dev&client_id=myclientId&nonce=defaultNonce&redirect_uri=https%3A%2F%2Flocalhost%3A44381%2Fsignin-oidc&scope=openid&response_type=id_token&prompt=login&<a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="0e6261696760516667607a337a6b7d7a4e6f6a6a7c6b7d7d206d6163" rel="noreferrer noopener nofollow">[email protected]</a>

这就是Login UI看起来像。

Answer 1

一种可能的解决方案是将 JavaScript 添加到登录页面，以填充 login_hint 查询参数中的电子邮件字段。

var _findSearchParameter = function (name) {
  var matches = new RegExp('[\?&]' + name + '=([^&#]*)')
    .exec(window.location.search);

  return (matches !== null) ? matches[1] || 0 : false;
};

var loginHintValue = _findSearchParameter('login_hint');

if (loginHintValue) {
  $('#email').val(loginHintValue);
}