Configurar a inscrição e a entrada com uma conta do SwissID usando o Azure Active Directory B2C

Antes de começar, use o seletor Escolher um tipo de política para escolher o tipo de política que você está configurando. O Azure Active Directory B2C oferece dois métodos para definir como os usuários interagem com seus aplicativos: por meio de fluxos dos usuários predefinidos ou de políticas personalizadas totalmente configuráveis. As etapas necessárias neste artigo são diferentes para cada método.

Neste artigo, você aprenderá a fornecer a inscrição e a entrada aos clientes com contas do SwissID nos seus aplicativos usando o Azure AD B2C (Azure Active Directory B2C). Você adiciona o SwissID a seus fluxos de usuário ou a uma política personalizada usando o protocolo OpenID Connect. Para obter mais informações, confira Diretrizes de integração SwissID – OpenID Connect.

Pré-requisitos

• Criar um fluxo do usuário para que os usuários podem se registrar e entrar no seu aplicativo.
• Registrar um aplicativo Web.

• Conclua as etapas em Introdução às políticas personalizadas no Active Directory B2C
• Registrar um aplicativo Web.

Criar um aplicativo SwissID

Para habilitar as credenciais para usuários com uma conta do SwissID no Azure AD B2C, você precisa criar um aplicativo. Para criar o aplicativo SwissID, siga estas etapas:

1. Contate o suporte do parceiro comercial SwissID.

2. Após a inscrição com o SwissID, forneça informações sobre seu locatário do Azure AD B2C:

   Chave	Observação
   URI de redirecionamento	Forneça o URI https://your-tenant-name.b2clogin.com/your-tenant-name.onmicrosoft.com/oauth2/authresp. Se você usa um domínio personalizado, insira https://your-domain-name/your-tenant-name.onmicrosoft.com/oauth2/authresp. Substitua your-tenant-name pelo nome do locatário e your-domain-name pelo nome do domínio personalizado.
   Método de autenticação de ponto de extremidade de token	client_secret_post

3. Depois que o aplicativo for registrado, as informações a seguir serão fornecidas pelo SwissID. Use essas informações para configurar seu fluxo de usuário ou sua política personalizada.

   Chave	Observação
   Ambiente	O ponto de extremidade de configuração OpenId conhecido do SwissID. Por exemplo, https://login.sandbox.pre.swissid.ch/idp/oauth2/.well-known/openid-configuration.
   ID do Cliente	A ID do cliente do SwissID. Por exemplo, 11111111-2222-3333-4444-555555555555.
   Senha	O segredo do cliente do SwissID.

Configurar o SwissID como um provedor de identidade

1. Se você tiver acesso a vários locatários, selecione o ícone Configurações no menu superior para alternar para o seu locatário do Azure Active Directory B2C no menu Diretórios + assinaturas.

2. Escolha Todos os serviços no canto superior esquerdo do Portal do Azure, pesquise Azure AD B2C e selecione-o.

3. Selecione Provedores de identidade e Novo provedor do OpenID Connect.

4. Insira um Nome. Por exemplo, insira SwissID.

5. Para URL de metadados, insira o ponto de extremidade de configuração OpenId conhecido do SwissID. Por exemplo:

   https://login.sandbox.pre.swissid.ch/idp/oauth2/.well-known/openid-configuration
   

6. Para ID do cliente, insira a ID do cliente do SwissID.

7. Para Segredo do cliente, insira o segredo do cliente do SwissID.

8. No Escopo, insira o openid profile email.

9. Deixe os valores padrão para Tipo de resposta e Modo de resposta.

10. (Opcional) Em Dica de domínio, insira swissid.com. Para obter mais informações, confira Configurar entrada direta usando o Azure Active Directory B2C.

11. Em Mapeamento de declarações do provedor de identidade, selecione as seguintes declarações:

    • ID de usuário: sub
    • Nome fornecido: given_name
    • Sobrenome: family_name
    • Email: email

12. Selecione Salvar.

Adicionar o provedor de identidade do SwissID a um fluxo de usuário

Neste ponto, o provedor de identidade do SwissID foi configurado, mas ainda não está disponível em nenhuma das páginas de entrada. Para adicionar o provedor de identidade do SwissID a um fluxo de usuário:

1. No locatário do Azure AD B2C, selecione Fluxos dos usuários.
2. Clique no fluxo de usuário ao qual você deseja adicionar o provedor de identidade do SwissID.
3. Em Provedores de identidade social, selecione SwissID.
4. Selecione Salvar.
5. Para testar a política, selecione Executar fluxo de usuário.
6. Em Aplicativo, selecione o aplicativo Web denominado testapp1 registrado anteriormente. A URL de resposta deve mostrar https://jwt.ms.
7. Selecione o botão Executar fluxo de usuário.
8. Na página de inscrição ou entrada, selecione SwissID para entrar com a conta do SwissID.

Se o processo de entrada for bem-sucedido, seu navegador será redirecionado para https://jwt.ms, que exibe o conteúdo do token retornado pelo Azure AD B2C.

Criar uma chave de política

Você precisa armazenar o segredo do cliente que recebeu do SwissID no seu locatário do Azure AD B2C.

1. Entre no portal do Azure.
2. Verifique se você está usando o diretório que contém seu locatário do Azure AD B2C. Escolha o filtro Diretório + assinatura no menu superior e escolha o diretório que contém o locatário.
3. Escolha Todos os serviços no canto superior esquerdo do Portal do Azure, pesquise Azure AD B2C e selecione-o.
4. Na página de Visão Geral, selecione Estrutura de Experiência de Identidade.
5. Selecione Chaves de Política e, em seguida, escolha Adicionar.
6. Para Opções, escolha Manual.
7. Insira um Nome para a chave de política. Por exemplo, SwissIDSecret. O prefixo B2C_1A_ será adicionado automaticamente ao nome da chave.
8. Em Segredo, insira o segredo do cliente do SwissID.
9. Para Uso de chave, selecione Signature.
10. Clique em Criar.

Configurar o SwissID como um provedor de identidade

Para permitir que os usuários entrem usando uma conta do SwissID, defina a conta como um provedor de declarações com o qual o Azure AD B2C pode se comunicar por meio de um ponto de extremidade. O ponto de extremidade fornece um conjunto de declarações que são usadas pelo Azure AD B2C para verificar se um usuário específico foi autenticado.

Você pode definir uma conta do SwissID como um provedor de declarações, adicionando-o ao elemento ClaimsProviders no arquivo de extensão da política.

1. Abra TrustFrameworkExtensions.xml.

2. Localize o elemento ClaimsProviders. Se ele não existir, adicione-o sob o elemento raiz.

3. Adicione um novo ClaimsProvider da seguinte maneira:

   <ClaimsProvider>
     <Domain>SwissID.com</Domain>
     <DisplayName>SwissID</DisplayName>
     <TechnicalProfiles>
       <TechnicalProfile Id="SwissID-OpenIdConnect">
         <DisplayName>SwissID</DisplayName>
         <Protocol Name="OpenIdConnect" />
         <Metadata>
           <Item Key="METADATA">https://login.sandbox.pre.swissid.ch/idp/oauth2/.well-known/openid-configuration</Item>
           <Item Key="client_id">Your Swiss client ID</Item>
           <Item Key="response_types">code</Item>
           <Item Key="scope">openid profile email</Item>
           <Item Key="response_mode">form_post</Item>
           <Item Key="HttpBinding">POST</Item>
           <Item Key="UsePolicyInRedirectUri">false</Item>
         </Metadata>
         <CryptographicKeys>
           <Key Id="client_secret" StorageReferenceId="B2C_1A_SwissIDSecret" />
         </CryptographicKeys>
         <OutputClaims>
           <OutputClaim ClaimTypeReferenceId="issuerUserId" PartnerClaimType="sub" />
           <OutputClaim ClaimTypeReferenceId="identityProvider" PartnerClaimType="iss" />
           <OutputClaim ClaimTypeReferenceId="authenticationSource" DefaultValue="socialIdpAuthentication" AlwaysUseDefaultValue="true" />
           <OutputClaim ClaimTypeReferenceId="givenName" PartnerClaimType="given_name" />
           <OutputClaim ClaimTypeReferenceId="surName" PartnerClaimType="family_name" />
           <OutputClaim ClaimTypeReferenceId="email" />
         </OutputClaims>
         <OutputClaimsTransformations>
           <OutputClaimsTransformation ReferenceId="CreateRandomUPNUserName" />
           <OutputClaimsTransformation ReferenceId="CreateUserPrincipalName" />
           <OutputClaimsTransformation ReferenceId="CreateAlternativeSecurityId" />
           <OutputClaimsTransformation ReferenceId="CreateSubjectClaimFromAlternativeSecurityId" />
           <OutputClaimsTransformation ReferenceId="CreateDisplayName" />
         </OutputClaimsTransformations>
         <UseTechnicalProfileForSessionManagement ReferenceId="SM-SocialLogin" />
       </TechnicalProfile>
     </TechnicalProfiles>
   </ClaimsProvider>
   

4. Defina client_id como a ID do cliente do SwissID.

5. Salve o arquivo.

Adicione um percurso de usuário

Neste ponto, o provedor de identidade foi configurado, mas ainda não está disponível em nenhuma das páginas de entrada. Se você não tiver seu próprio percurso de usuário personalizado, crie a duplicata de um percurso de usuário de um modelo existente; caso contrário, passe para a próxima etapa.

1. Abra o arquivo TrustFrameworkBase.xml do starter pack.
2. Localize e copie todo o conteúdo do elemento UserJourney que inclui Id="SignUpOrSignIn".
3. Abra o TrustFrameworkExtensions.xml e localize o elemento UserJourneys. Se o elemento não existir, adicione um.
4. Cole todo o conteúdo do elemento UserJourney que você copiou como filho do elemento UserJourneys.
5. Renomeie a ID do percurso de usuário. Por exemplo, Id="CustomSignUpSignIn".

Adicione o provedor de identidade a um percurso de usuário

Agora que você tem um percurso de usuário, adicione a ele o novo provedor de identidade. Primeiro, adicione um botão de entrada e, em seguida, vincule o botão a uma ação. A ação é o perfil técnico criado anteriormente.

1. No percurso de usuário, localize o elemento da etapa de orquestração que inclui Type="CombinedSignInAndSignUp" ou Type="ClaimsProviderSelection". Normalmente é a primeira etapa de orquestração. O elementoClaimsProviderSelectionscontém uma lista de provedores de identidade que um usuário pode usar para se conectar. A ordem dos elementos controla a ordem dos botões de entrada apresentados para o usuário. Adicione um elemento XML ClaimsProviderSelection. Defina o valor de TargetClaimsExchangeId com um nome amigável.

2. Na próxima etapa de orquestração, adicione um elemento ClaimsExchange. Defina a ID com o valor da ID de troca de declarações de destino. Atualize o valor de TechnicalProfileReferenceId para a ID do perfil técnico criado anteriormente.

O XML a seguir demonstra as duas primeiras etapas de orquestração de um percurso do usuário com o provedor de identidade:

<OrchestrationStep Order="1" Type="CombinedSignInAndSignUp" ContentDefinitionReferenceId="api.signuporsignin">
  <ClaimsProviderSelections>
    ...
    <ClaimsProviderSelection TargetClaimsExchangeId="SwissIDExchange" />
  </ClaimsProviderSelections>
  ...
</OrchestrationStep>

<OrchestrationStep Order="2" Type="ClaimsExchange">
  ...
  <ClaimsExchanges>
    <ClaimsExchange Id="SwissIDExchange" TechnicalProfileReferenceId="SwissID-OpenIdConnect" />
  </ClaimsExchanges>
</OrchestrationStep>

Configurar a política de terceira parte confiável

A política de terceira parte confiável, por exemplo SignUpSignIn.xml, especifica a jornada do usuário que o Azure AD B2C será executado. Localize o elemento DefaultUserJourney na terceira parte confiável. Atualize a ReferenceId para corresponder à ID do percurso do usuário, na qual você adicionou o provedor de identidade.

No exemplo a seguir, para o percurso do CustomSignUpSignIn usuário, o ReferenceId é definido como CustomSignUpSignIn:

<RelyingParty>
  <DefaultUserJourney ReferenceId="CustomSignUpSignIn" />
  ...
</RelyingParty>

Carregar a política personalizada

1. Entre no portal do Azure.
2. Selecione o ícone Diretório + Assinatura na barra de ferramentas do portal e selecione o diretório que contém o locatário do Azure AD B2C.
3. No portal do Azure, pesquise e selecione Azure AD B2C.
4. Em Políticas, selecione Identity Experience Framework.
5. Selecione Carregar política personalizadae, em seguida, carregue os dois arquivos de política que você alterou, na seguinte ordem: a política de extensão, por exemplo TrustFrameworkExtensions.xml, a política de terceira parte confiável, como SignUpSignIn.xml.

Testar sua política personalizada

1. Selecione a política de terceira parte confiável, por exemplo, B2C_1A_signup_signin.
2. Em Aplicativo, selecione o aplicativo Web que você registrou anteriormente. A URL de resposta deve mostrar https://jwt.ms.
3. Selecione o botão Executar agora.
4. Na página de inscrição ou entrada, selecione SwissID para entrar com a conta do SwissID.

Se o processo de entrada for bem-sucedido, seu navegador será redirecionado para https://jwt.ms, que exibe o conteúdo do token retornado pelo Azure AD B2C.

Mover para ambiente de produção

O IdP do SwissID fornece ambientes de pré-produção e produção. A configuração descrita neste artigo usa o ambiente de pré-produção. Para usar o ambiente de produção, siga estas etapas:

1. Entre em contato com o suporte do SwissID para solicitar um ambiente de produção.
2. Atualize seu fluxo de usuário ou política personalizada com o URI do ponto de extremidade de configuração conhecido.

Próximas etapas

Saiba como passar um token do SwissID para seu aplicativo.