Partilhar via

Tutorial: Integração do Microsoft Entra SSO com Balsamiq Wireframes

  • Artigo

Neste tutorial, você aprenderá como integrar Balsamiq Wireframes com o Microsoft Entra ID. Ao integrar Balsamiq Wireframes com o Microsoft Entra ID, você pode:

  • Controle no Microsoft Entra ID quem tem acesso a Balsamiq Wireframes.
  • Permita que seus usuários entrem automaticamente no Balsamiq Wireframes com suas contas do Microsoft Entra.
  • Gerencie suas contas em um local central.

Pré-requisitos

Para começar, você precisa dos seguintes itens:

  • Uma assinatura do Microsoft Entra. Se não tiver uma subscrição, pode obter uma conta gratuita.
  • Assinatura habilitada para logon único (SSO) do Balsamiq Wireframes.

Nota

Este recurso só está disponível para usuários no plano Space de 200 projetos.

Descrição do cenário

Neste tutorial, você configura e testa o Microsoft Entra SSO em um ambiente de teste.

  • Balsamiq Wireframes suporta SSO iniciado por SP e IDP .
  • O Balsamiq Wireframes suporta o provisionamento de usuários Just In Time .

Para configurar a integração de Balsamiq Wireframes no Microsoft Entra ID, você precisa adicionar Balsamiq Wireframes da galeria à sua lista de aplicativos SaaS gerenciados.

  1. Entre no centro de administração do Microsoft Entra como pelo menos um administrador de aplicativos na nuvem.
  2. Navegue até Identity>Applications>Enterprise applications>Novo aplicativo.
  3. Na seção Adicionar da galeria, digite Balsamiq Wireframes na caixa de pesquisa.
  4. Selecione Balsamiq Wireframes no painel de resultados e adicione o aplicativo. Aguarde alguns segundos enquanto o aplicativo é adicionado ao seu locatário.

Como alternativa, você também pode usar o Assistente de Configuração de Aplicativo Empresarial. Neste assistente, você pode adicionar um aplicativo ao seu locatário, adicionar usuários/grupos ao aplicativo, atribuir funções, bem como percorrer a configuração do SSO. Saiba mais sobre os assistentes do Microsoft 365.

Configurar e testar o Microsoft Entra SSO para Balsamiq Wireframes

Configure e teste o Microsoft Entra SSO com Balsamiq Wireframes usando um usuário de teste chamado B.Simon. Para que o SSO funcione, você precisa estabelecer uma relação de vínculo entre um usuário do Microsoft Entra e o usuário relacionado no Balsamiq Wireframes.

Para configurar e testar o Microsoft Entra SSO com Balsamiq Wireframes, execute as seguintes etapas:

  1. Configure o Microsoft Entra SSO - para permitir que seus usuários usem esse recurso.
    1. Crie um usuário de teste do Microsoft Entra - para testar o logon único do Microsoft Entra com B.Simon.
    2. Atribua o usuário de teste do Microsoft Entra - para permitir que B.Simon use o logon único do Microsoft Entra.
  2. Configure Balsamiq Wireframes SSO - para configurar as configurações de logon único no lado do aplicativo.
    1. Criar usuário de teste Balsamiq Wireframes - para ter uma contraparte de B.Simon em Balsamiq Wireframes que está vinculada à representação de usuário do Microsoft Entra.
  3. Teste SSO - para verificar se a configuração funciona.

Configurar o Microsoft Entra SSO

Siga estas etapas para habilitar o Microsoft Entra SSO.

  1. Entre no centro de administração do Microsoft Entra como pelo menos um administrador de aplicativos na nuvem.

  2. Navegue até Identity>Applications>Enterprise applications>Balsamiq Wireframes>Single sign-on.

  3. Na página Selecione um método de logon único, selecione SAML.

  4. Na página Configurar logon único com SAML, clique no ícone de lápis para Configuração Básica de SAML para editar as configurações.

    Edit Basic SAML Configuration

  5. Na seção Configuração Básica do SAML, execute as seguintes etapas:

    a. Na caixa de texto Identificador , digite uma URL usando o seguinte padrão: https://balsamiq.cloud/samlsso/<ID>

    b. Na caixa de texto URL de resposta, digite uma URL usando o seguinte padrão:https://balsamiq.cloud/samlsso/<ID>

    c. Na caixa de texto URL de início de sessão, escreva um URL utilizando o seguinte padrão: https://balsamiq.cloud/samlsso/<ID>

    d. Na caixa de texto Estado de Retransmissão, digite uma URL usando o seguinte padrão:https://balsamiq.cloud/<ID>/projects

    Nota

    Estes valores não são reais. Atualize esses valores com o Identificador real, URL de resposta, URL de logon e Estado de retransmissão. Entre em contato com a equipe de suporte ao cliente da Balsamiq Wireframes para obter esses valores. Você também pode consultar os padrões mostrados na seção Configuração Básica de SAML.

  6. O aplicativo Balsamiq Wireframes espera as asserções SAML em um formato específico, o que requer que você adicione mapeamentos de atributos personalizados à sua configuração de atributos de token SAML. A captura de tela a seguir mostra a lista de atributos padrão.

    Screenshot shows list of attributes.

  7. Além disso, o aplicativo Balsamiq Wireframes espera que mais alguns atributos sejam passados de volta na resposta SAML, que são mostrados abaixo. Esses atributos também são pré-preenchidos, mas você pode revisá-los de acordo com suas necessidades.

    Nome Atributo de origem
    Correio Eletrónico usuário.mail
    nomePróprio usuário.givenname
    apelido usuário.sobrenome

  8. Na página Configurar logon único com SAML, na seção Certificado de Assinatura SAML, localize XML de Metadados de Federação e selecione Download para baixar o certificado e salvá-lo em seu computador.

    The Certificate download link

  9. Na seção Configurar Wireframes Balsamiq, copie o(s) URL(s) apropriado(s) com base em sua necessidade.

    Copy configuration URLs

Criar um usuário de teste do Microsoft Entra

Nesta seção, você criará um usuário de teste chamado B.Simon.

  1. Entre no centro de administração do Microsoft Entra como pelo menos um Administrador de Usuário.
  2. Navegue até Identidade>de usuários Todos os usuários.>
  3. Selecione Novo usuário Criar novo usuário>, na parte superior da tela.
  4. Nas propriedades do usuário , siga estas etapas:
    1. No campo Nome para exibição , digite B.Simon.
    2. No campo Nome principal do usuário, digite o username@companydomain.extensionarquivo . Por exemplo, B.Simon@contoso.com.
    3. Marque a caixa de seleção Mostrar senha e anote o valor exibido na caixa Senha .
    4. Selecione Rever + criar.
  5. Selecione Criar.

Atribuir o usuário de teste do Microsoft Entra

Nesta seção, você permitirá que B.Simon use o logon único concedendo acesso aos Wireframes Balsamiq.

  1. Entre no centro de administração do Microsoft Entra como pelo menos um administrador de aplicativos na nuvem.
  2. Navegue até Identity>Applications>Enterprise applications>Balsamiq Wireframes.
  3. Na página de visão geral do aplicativo, selecione Usuários e grupos.
  4. Selecione Adicionar usuário/grupo e, em seguida, selecione Usuários e grupos na caixa de diálogo Adicionar atribuição .
    1. Na caixa de diálogo Usuários e grupos, selecione B.Simon na lista Usuários e clique no botão Selecionar na parte inferior da tela.
    2. Se você estiver esperando que uma função seja atribuída aos usuários, poderá selecioná-la na lista suspensa Selecionar uma função . Se nenhuma função tiver sido configurada para este aplicativo, você verá a função "Acesso padrão" selecionada.
    3. Na caixa de diálogo Adicionar atribuição, clique no botão Atribuir.

Configurar o SSO do Balsamiq Wireframes

  1. Faça login no site da sua empresa Balsamiq Wireframes como administrador.

  2. Vá para Configurações Configurações>de Espaço e clique em Configurar SSO em Autenticação de Logon Único.

    Screenshot shows the SSO Settings.

  3. Copie todos os valores necessários e cole-os na seção Configuração Básica de SAML no portal do Azure e clique em Avançar.

    Screenshot shows the Service Provider Details.

  4. Na seção Configurar IDp, execute as seguintes etapas:

    Screenshot shows the IDP Metadata.

    1. Na caixa de texto SAML 2.0 Endpoint(HTTP), cole o valor de URL de login, que você copiou anteriormente.

    2. Na caixa de texto Emissor do Provedor de Identidade, cole o valor do Microsoft Entra Identifier, que você copiou anteriormente.

    3. Abra o arquivo XML de metadados de federação baixado e carregue o arquivo na seção Certificado público.

    4. Clique em Seguinte.

    Nota

    Se você tiver um arquivo de metadados IdP para carregar, os campos serão preenchidos automaticamente.

  5. Verifique sua configuração SAML, clique no botão Testar login SAML e clique em Avançar.

    Screenshot shows the SAML configuration.

  6. Após a configuração de teste bem-sucedida, clique em Ativar SAML SSO Agora.

    Screenshot shows the Test SAML.

Criar usuário de teste Balsamiq Wireframes

Nesta seção, um usuário chamado Brenda Fernandes é criado em Balsamiq Wireframes. O Balsamiq Wireframes suporta o provisionamento de usuários just-in-time, que é habilitado por padrão. Não há nenhum item de ação para você nesta seção. Se um usuário ainda não existir no Balsamiq Wireframes, um novo será criado após a autenticação.

SSO de teste

Nesta seção, você testa sua configuração de logon único do Microsoft Entra com as seguintes opções.

SP iniciado:

  • Clique em Testar esta aplicação, isso redirecionará para Balsamiq Wireframes Sign on URL onde você pode iniciar o fluxo de login.

  • Vá para Balsamiq Wireframes Sign-on URL diretamente e inicie o fluxo de login a partir daí.

IDP iniciado:

  • Clique em Testar este aplicativo e você deve estar automaticamente conectado aos Wireframes Balsamiq para os quais você configurou o SSO.

Você também pode usar o Microsoft My Apps para testar o aplicativo em qualquer modo. Ao clicar no bloco Balsamiq Wireframes em Meus Aplicativos, se configurado no modo SP, você será redirecionado para a página de logon do aplicativo para iniciar o fluxo de login e, se configurado no modo IDP, deverá ser automaticamente conectado aos Wireframes Balsamiq para os quais configurou o SSO. Para obter mais informações, consulte Microsoft Entra My Apps.

Próximos passos

Depois de configurar o Balsamiq Wireframes, você pode impor o controle de sessão, que protege a exfiltração e a infiltração dos dados confidenciais da sua organização em tempo real. O controle de sessão se estende do Acesso Condicional. Saiba como impor o controlo de sessão com o Microsoft Cloud App Security.