Como configurar o Single Sign-On (SSO) para Shopify usando o AWS Cognito como repositório de usuários?

A miniOrange permite que o AWS Cognito atue como um Provedor de Identidade (IdP), possibilitando que os usuários acessem suas lojas com segurança por meio do Single Sign-On (SSO) no Shopify, utilizando as credenciais do AWS Cognito. Nossa solução oferece suporte à conexão do seu próprio provedor de identidade às Contas de Clientes e simplifica a integração para diferentes configurações do Shopify.

Instalar aplicativo Planos de preços

Pré-requisitos: Instalação do aplicativo

• Faça login no seu Administrador do Shopify.
• Acesse Apps → Loja de aplicativos do Shopify
• Procurar por miniOrange Single Sign-On (SSO)
• Clique Instale para adicionar o aplicativo à sua loja
• Abra o aplicativo em Apps Para iniciar a configuração do SSO do AWS Cognito

Guia passo a passo para SSO do Shopify com AWS Cognito como armazenamento de usuários

Etapa 1: Obtenha a URL de retorno de chamada do aplicativo Shopify SSO

• Vá para o seu Loja do Shopify, Clique no Apps guia e selecione o Login único - Login SSO aplicação.

• Clique no Configurar IDP botão no canto superior esquerdo da barra de navegação.

• Na barra de navegação à esquerda, selecione Configurar SSO e clique em Adicionar provedor de identidade botão.

• Você pode encontrar o URL de retorno de chamada OAuth/URI de redirecionamento no OAuth2.0 Guarde a URL de retorno de chamada do OAuth, pois você precisará dela mais tarde.

Etapa 2: Configurações para o AWS Cognito

A] Etapas para configurar o pool de usuários

• Entre para AWS Amazon.
• Agora digite "Cognito" na caixa de texto de pesquisa e selecione Cognito no menu suspenso.

• Acesse "Gerencie seus grupos de usuários".

• Clique no "Criar um grupo de usuários".

• Adicione o nome do pool e selecione "Revisar configurações padrão".

• Clique no Editar ícone como mostrado na imagem abaixo.

• Agora, habilite o Endereço de e-mail e número de telefone opção e clique em Próxima etapa botão.

• Clique em "Adicionar cliente de aplicativo" & então clique em Adicionar um cliente de aplicativo.

• Digite o nome do cliente do aplicativo e Desabilitar Gerar Segredo do Cliente opção. Ative o Autenticação baseada em senha de nome de usuário opção, então clique em "Criar cliente de aplicativo".

• Clique no Voltar para detalhes da piscina para retornar à sua configuração.

• Clique no Criar pool Botão para salvar suas configurações e criar um grupo de usuários.

• Na barra de navegação presente no lado esquerdo, clique no Configurações do cliente do aplicativo opção no menu Integração de aplicativos.

• Acesse o painel do Cognito e selecione "Grupo de usuários Cognito"e adicione o URL de retorno de chamada que você copiou dos pré-requisitos.
• Adicionar URL da página inicial do aplicativo deve URL de saída.
• Além disso, selecione Concessão de código de autorização como "Fluxos OAuth permitidos" e selecione e-mail, OpenID e perfil como "Escopos OAuth permitidos".
• Após selecionar todos os detalhes clique no Salvar as alterações botão.

• Acesse "Cliente de aplicativo" e clique em "Mostrar detalhes" Para obter um ID de cliente. (Mantenha o ID de cliente à mão, pois você precisará dele mais tarde.)

• Acesse nome de domínio Insira um nome de domínio para seu aplicativo. Após adicionar o nome de domínio, você pode verificar a disponibilidade clicando no botão "Verificar disponibilidade". Depois de inserir um nome de domínio válido, clique no botão "Salvar alterações".

• Nome de domínio completo: O nome de domínio completo que você precisa inserir no painel do miniOrange é {seu nome de domínio}.auth.{nome da região}.amazoncognito.com
• Adicionar usuários/grupos ao aplicativo Cognito: Acesse Usuários e grupos e depois clique em UtilizadoresDepois disso, clique em Criar usuário.

• Preencha todas as informações necessárias e clique em Criar usuário.

• Clique em Grupos e depois clique em Criar grupo.

• Preencher Preencha todas as informações necessárias e clique em Criar grupo.

B] Etapas para configurar o pool de identidades.

• Acesse Identidades Federadas e clique em Criar novo pool de identidades botão.

• Introduzir o Nome do pool de identidade e habilitar Identidades não autenticadas e Configurações de fluxo de autenticação, em seguida, clique no Criar piscina botão.

• Clique no Permitir botão e você obterá o ID do pool de identidade.

Você concluiu a configuração lateral do AWS Cognito.

Etapa 3: Configurar o Shopify como SP (Provedor de Serviços)

• Novamente, vá até sua loja Shopify, clique em Apps guia e selecione o Login único - Login SSO aplicação.

• Clique no Configurar IDP botão no canto superior esquerdo da barra de navegação.

• Na barra de navegação à esquerda, selecione Loja de usuários e clique em Adicionar loja de usuário botão.

• Selecionar AWS Cognito.

• Insira os seguintes valores.

• Agora você pode clicar em Economize.

Você concluiu a configuração lateral do Shopify.

Etapa 4: teste de conexão

• Após salvar a configuração do IDP, você será redirecionado para o Testar Conexão degrau.
  Por favor, execute um Teste de Conexão antes de mapear ou buscar atributos. O teste de conexão garante que sua configuração do IdP esteja correta.
• Clique no Testar Conexão botão.

• Ao inserir credenciais válidas do AWS Cognito, você verá uma janela pop-up mostrada na tela abaixo.

• Clique no Buscar Atributos botão para buscar o atributo IDP.

Portanto, você configurou o SSO entre o Shopify e o AWS Cognito.

Etapa 5: habilitar e testar configurações de SSO

Selecione o tipo de loja Shopify:

• Loja Non-Plus
• Loja Plus

Configuração de SSO em lojas Shopify não Plus

Selecione o tipo de conta que você habilitou na sua Loja Shopify:

• Contas de clientes
• Contas de clientes legados

Observação: Se você estiver usando uma loja protegida por senha ou trabalhando em um Loja de desenvolvimento Shopify, clique em aqui. Para configurar o cookie de resumo da loja para que o SSO funcione na sua loja.

• Acesse o painel do aplicativo, habilite o extensão de contas de clientes Conforme mostrado na imagem abaixo.

• permitir que o Novas contas de clientes extensão e clique em Economize.

• Navegue até a página inicial do aplicativo e habilite o Opção de alternância de login do IDP contra o IDP que você configurou.

Permitir que apenas usuários com SSO concluam o checkout - restringir os demais

Essa funcionalidade permite que apenas usuários que fizerem login por meio do Single Sign-On (SSO) concluam o processo de finalização da compra. Outros usuários serão impedidos de prosseguir com a finalização da compra.

• Acessar Configurações.



• Abra o Finalizar Compra seção.



• Role para baixo, no regras de finalização da compra seção, clique em Adicionar regra.



• Clique em Validação de checkout SSO.



• Desmarque a "Permitir que todos os clientes concluam o pagamento" opção e clique em Economize.



• Agora você pode Ligar a regra de finalização da compra.



• Se você tentar finalizar a compra sem realizar o SSO (Single Sign-On), um erro será exibido, conforme mostrado abaixo.

Testando o Single Sign-On (SSO) para sua loja Shopify

• Acesse sua Loja Shopify.(https:// )
• Clique no Ícone de login do usuário.

• Você será redirecionado para a página de login do provedor de identidade (IDP) configurado na etapa anterior. Faça login com as credenciais da sua conta IDP.
• Em seguida, insira o OTP de seis dígitos que será enviado para o seu endereço de e-mail cadastrado. (Este é um processo único)

• Você será conectado com sucesso à sua loja Shopify.

• Acesse o painel do aplicativo, você verá uma caixa de aviso para adicionar a extensão do botão de login na página da conta, clique em extensão do widget de login Clique no link conforme mostrado na imagem abaixo para habilitá-lo.

• Navegue até a página inicial do aplicativo e habilite o Opção de alternância de login do IDP contra o IDP que você configurou.

• Se você deseja configurar SSO no Shopify usando vários IDPsEm seguida, selecione seu IdP na lista fornecida. aqui.e configure o SSO usando esse IdP.
• permitir que o Opção de alternância de login do IDP para habilitar o SSO no Shopify usando vários IdPs.

Testando o Single Sign-On (SSO) para sua loja Shopify

• Acesse a página de login da sua loja Shopify.(https:// /conta/login)
• Clique no botão de login Você personalizou anteriormente.

• Você será redirecionado para a página de login do provedor de identidade (IDP). Agora, faça login com suas credenciais de conta existentes.

• Após o login, se você encontrar um erro "token reCAPTCHA inválido ou ausente", acompanhado de uma mensagem "Algo deu errado", consulte isto Perguntas frequentes para resolver o erro.

Configuração de SSO em lojas Plus Shopify

Selecione o tipo de conta que você habilitou na sua Loja Shopify:

• Contas de clientes
• Contas de clientes legados

• Volte ao aplicativo SSO e clique em Conectar Loja aba.
• Copie o URL do ponto de extremidade de descoberta ID do cliente, Segredo do cliente, Escopos adicionais e Parâmetro URI de redirecionamento pós-logout e mantenha-os à mão.

• Clique no Contas de clientes link conforme mostrado na imagem abaixo.

• Selecione os Contas de clientes opção conforme recomendado pela Shopify. Em seguida, procure por Autenticação opção e clique em Gerenciar.
• Caso não encontre a opção, entre em contato com shopifysupport@xecurify.com para obter assistência.

• Clique no Gerenciar Fornecedores botão.

• Clique em Conectar ao Provedor botão.

• Adicione o nome do provedor de identidade e, a partir do Provedor suspenso, selecione Personalizado ou outro.

• Preencha os detalhes, como por exemplo: URL do ponto de extremidade de descoberta, ID do cliente, segredo do cliente, escopos adicionais, parâmetro URI de redirecionamento pós-logout que você copiou de acima passo. Clique em Economize.

• Depois que o Provedor de Identidade for adicionado, faça o seguinte: Testar Conexão.

• Após verificar o fluxo faça o provedor de identidade como Ativo.

• Navegue até a página inicial do aplicativo e habilite o Opção de alternância de login do IDP contra o IDP que você configurou.

Testando o Single Sign-On (SSO) para sua loja Shopify

• Acesse sua Loja Shopify.(https:// )
• Clique no Ícone de login do usuário.

• Você será redirecionado para a página de login do provedor de identidade (IDP) configurado na etapa anterior. Faça login com as credenciais da sua conta IDP.

• Você será conectado com sucesso à sua loja Shopify.

Forneça login usando nome de usuário e senha

Se você deseja fornecer login usando nome de usuário e senha junto com sua opção de login com IDP para sua loja B2B, então clique aqui

Forneça login usando OTP de e-mail

Se você deseja fornecer login usando Email OTP junto com sua opção de login com IDP para sua loja B2B, então clique aqui

• Agora, clique no Guia de Configuração Clique no botão e siga os passos indicados para obter o token multipass.

• permitir que o Token Multipass opção. Consulte isto Perguntas frequentes para obter o valor do token Multipass e colá-lo no campo abaixo.

• Clique em Economize.

• Acesse o painel do aplicativo, você verá uma caixa de aviso para adicionar a extensão do botão de login na página da conta, clique em extensão do widget de login Clique no link conforme mostrado na imagem abaixo para habilitá-lo.

• Navegue até a página inicial do aplicativo e habilite o Opção de alternância de login do IDP contra o IDP que você configurou.

• Se você deseja configurar SSO no Shopify usando vários IDPsEm seguida, selecione seu IdP na lista fornecida. aqui.e configure o SSO usando esse IdP.
• permitir que o Opção de alternância de login do IDP para habilitar o SSO no Shopify usando vários IdPs.

Testando o Single Sign-On (SSO) para sua loja Shopify

• Acesse a página de login da sua loja Shopify.(https:// /conta/login)
• Clique no botão de login Você personalizou anteriormente.

• Você será redirecionado para a página de login do provedor de identidade (IDP). Agora, faça login com suas credenciais de conta existentes.

• Se você encontrar um erro "token reCAPTCHA inválido ou ausente", acompanhado de uma mensagem "Algo deu errado", consulte este Perguntas frequentes para resolver o erro.

• Você será conectado com sucesso à sua loja Shopify.

Portanto, você configurou o Single Sign-On (SSO) do AWS Cognito definindo o AWS Cognito como Provedor de Identidade (IdP) e o Shopify como Provedor de Serviços (SP) usando o aplicativo miniOrange Shopify Single Sign-On (SSO). Essa solução é compatível com contas de clientes novas e antigas, funciona com lojas Shopify Plus e não Plus e fornece acesso seguro para lojas B2B e de atacado.