Configurar a inscrição e o início de sessão com uma conta SwissID utilizando o Azure Ative Directory B2C

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

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

Pré-requisitos

• Crie um fluxo de usuários para que os usuários possam se inscrever e entrar em seu aplicativo.
• Registe uma aplicação Web.

• Conclua as etapas em Introdução às políticas personalizadas no Ative Directory B2C
• Registe uma aplicação Web.

Criar um aplicativo SwissID

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

1. Entre em contato com o suporte do SwissID Business Partner.

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

   Key	Nota
   Redirecionar URL	Forneça o https://your-tenant-name.b2clogin.com/your-tenant-name.onmicrosoft.com/oauth2/authresp URI. Se utilizar um domínio personalizado, introduza 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 domínio personalizado.
   Método de autenticação de ponto de extremidade de token	client_secret_post

3. Após o registro do aplicativo, as seguintes informações serão fornecidas pelo SwissID. Use essas informações para configurar seu fluxo de usuário ou política personalizada.

   Key	Nota
   Environment	O ponto de extremidade de configuração bem conhecido do SwissID OpenId. Por exemplo, https://login.sandbox.pre.swissid.ch/idp/oauth2/.well-known/openid-configuration.
   ID de Cliente	O ID do cliente SwissID. Por exemplo, 11111111-2222-3333-4444-555555555555.
   Password	O segredo do cliente 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 seu locatário do Azure AD B2C no menu Diretórios + assinaturas .

2. Escolha Todos os serviços no canto superior esquerdo do portal do Azure e, em seguida, procure e selecione Azure AD B2C.

3. Selecione Provedores de identidade e, em seguida, selecione Novo provedor OpenID Connect.

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

5. Para Metadata url, insira o URL SwissID OpenId endpoint de configuração bem conhecido. Por exemplo:

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

6. Em ID do cliente, insira o ID do cliente SwissID.

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

8. Para o Escopo, insira o openid profile emailarquivo .

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

10. (Opcional) Para a dica de domínio, digite swissid.com. Para obter mais informações, consulte Configurar o logon direto usando o Azure Ative Directory B2C.

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

    • ID de utilizador: sub
    • Nome próprio: given_name
    • Apelido: family_name
    • E-mail: e-mail

12. Selecione Guardar.

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

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

1. Em seu locatário do Azure AD B2C, selecione Fluxos de usuário.
2. Clique no fluxo de usuário ao qual você deseja adicionar o provedor de identidade SwissID.
3. Em Provedores de identidade social, selecione SwissID.
4. Selecione Guardar.
5. Para testar sua política, selecione Executar fluxo de usuário.
6. Em Application, selecione o aplicativo Web chamado testapp1 que você registrou anteriormente. O 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 login, selecione SwissID para entrar com a conta 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 em seu locatário do Azure AD B2C.

1. Inicie sessão no portal do Azure.
2. Verifique se você está usando o diretório que contém seu locatário do Azure AD B2C. Selecione o filtro Diretório + assinatura no menu superior e escolha o diretório que contém seu locatário.
3. Escolha Todos os serviços no canto superior esquerdo do portal do Azure e, em seguida, procure e selecione Azure AD B2C.
4. Na página Visão geral, selecione Identity Experience Framework.
5. Selecione Chaves de política e, em seguida, selecione Adicionar.
6. Em Opções, escolha Manual.
7. Insira um Nome para a chave de política. Por exemplo, SwissIDSecret. O prefixo B2C_1A_ é adicionado automaticamente ao nome da sua chave.
8. Em Segredo, insira o segredo do cliente SwissID.
9. Para Uso da 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 SwissID, você precisa definir 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 SwissID como um provedor de declarações adicionando-a ao elemento ClaimsProviders no arquivo de extensão da sua política.

1. Abra o TrustFrameworkExtensions.xml.

2. Encontre o elemento ClaimsProviders . Se 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 para o ID do cliente SwissID.

5. Guarde o ficheiro.

Adicionar uma jornada do 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 sua própria jornada de usuário personalizada, crie uma duplicata de uma jornada de usuário de modelo existente, caso contrário, continue para a próxima etapa.

1. Abra o arquivo TrustFrameworkBase.xml do pacote inicial.
2. Localize e copie todo o conteúdo do elemento UserJourney que inclui Id="SignUpOrSignIn"o .
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 o ID da jornada do usuário. Por exemplo, Id="CustomSignUpSignIn".

Adicionar o provedor de identidade a uma jornada do usuário

Agora que você tem uma jornada do usuário, adicione o novo provedor de identidade à jornada do usuário. Primeiro, adicione um botão de início de sessão e, em seguida, associe o botão a uma ação. A ação é o perfil técnico que você criou anteriormente.

1. Encontre o elemento da etapa de orquestração que inclui Type="CombinedSignInAndSignUp"o , ou Type="ClaimsProviderSelection" na jornada do usuário. Geralmente é o primeiro passo da orquestração. O elemento ClaimsProviderSelections contém uma lista de provedores de identidade com os quais um usuário pode entrar. A ordem dos elementos controla a ordem dos botões de entrada apresentados ao usuário. Adicione um elemento XML ClaimsProviderSelection . Defina o valor de TargetClaimsExchangeId como um nome amigável.

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

O XML a seguir demonstra as duas primeiras etapas de orquestração de uma jornada 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 executará. Encontre o elemento DefaultUserJourney na terceira parte confiável. Atualize o ReferenceId para corresponder ao ID de jornada do usuário, no qual você adicionou o provedor de identidade.

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

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

Carregar a política personalizada

1. Inicie sessão 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 seu locatário do Azure AD B2C.
3. No portal do Azure, procure e selecione Azure AD B2C.
4. Em Políticas, selecione Identity Experience Framework.
5. Selecione Carregar Política Personalizada e, em seguida, carregue os dois ficheiros de política que alterou, pela seguinte ordem: a política de extensão, por exemplo TrustFrameworkExtensions.xml, e, em seguida, a política de entidade confiadora, como SignUpSignIn.xml.

Testar sua política personalizada

1. Selecione sua política de terceira parte confiável, por exemplo B2C_1A_signup_signin.
2. Em Aplicativo, selecione um aplicativo Web que você registrou anteriormente. O URL de resposta deve mostrar https://jwt.ms.
3. Selecione o botão Executar agora .
4. Na página de inscrição ou login, selecione SwissID para entrar com a conta 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 produção

O SwissID IdP 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 da SwissId para obter 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óximos passos

Saiba como passar o token SwissID para o seu aplicativo.