Como configurar o Single Sign-On (SSO) no Shopify usando a Apple como provedor de identidade?
O miniOrange permite que a Apple atue como um Provedor de Identidade (IdP), permitindo que os usuários façam login com Login único (SSO) no Shopify usando credenciais da Apple. Com o “Entrar com a Apple” Com esse recurso, os clientes podem acessar sua loja Shopify com segurança, sem precisar criar contas separadas, o que ajuda a reduzir o atrito e aumentar a confiança.
A solução suporta ambos novas contas de clientes do Shopify e contas clássicas/legadas, funciona com Lojas Shopify Plus e não Plus, e é ideal para Marcas D2C, lojas baseadas em assinatura e vitrines B2B. Ao configurar SSO da Apple Shopify, você pode entregar uma experiência de autenticação segura, focada na privacidade e fácil de usar para seus clientes.
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 o SSO da Apple na configuração do Shopify
Guia passo a passo para configurar a Apple como provedor de identidade (OAuth) para SSO no Shopify.
Etapa 1: recuperar o URI de redirecionamento para o servidor OAuth
- Acesse sua loja Shopify e navegue até App seção e clique em Login único - login SSO aplicação.
- Clique no Adicionar Provedor de Identidade botão para adicionar seu IDP.
- Selecionar OpenID Conectar 1.0 protocolo.
- Agora escolha IDP personalizado da lista de deslocados internos.
- Copie o URL de retorno de chamada OAuth e mantenha-o à mão, pois ele será usado em etapas futuras.
Etapa 2: Configurar a Apple como Provedor de Identidade no Shopify
- Em primeiro lugar, faça login com seu Conta de desenvolvedor da Apple e clique em conta.
- Clique em Profissionais, Identificadores e Perfis na conta Apple.
- No menu à esquerda clique em Identificadores e depois disso clique em Ícone de mais (cor azul). Clique em Continuar para as próximas 2 páginas da Conta Apple.
- Entrar Descrição e ID do pacote para o ID do aplicativo. (O ID do pacote deve estar no estilo de string de DNS reverso.)
- De acordo com o relatório Capacidades seção role para baixo e selecione sinal com maçã e clique em Editar link.
- Selecionar Habilitar como ID de aplicativo principal e clique em Salve. Clique em Continuar e depois clique em Registo.
- No canto direito clique em Continuar, então clique em Registrar-se botão.
- Clique novamente no Ícone de mais (cor azul). Selecione IDs de serviço e clique em Continuar.
- Entrar Descrição e Identificar (O identificador será o seu ID de cliente - Copie este ID e cole no campo acima, ID do Cliente). Clique em Continuar e depois clique no Registrar-se botão.
- Clique As chaves no menu do lado esquerdo. Clique em Ícone de mais para registrar uma nova chave.
- Dê o seu Chave um nome, selecione Entrar com a Apple e clique em configurar botão.
- Escolha o seu ID principal e clique no Economize botão. Depois disso, no canto direito, clique em Continuar e Registrar botão.
- Copie o Código da chave e clique no Baixar botão. Depois que a chave for baixada, clique no Pronto botão.
- No menu esquerdo clique em Identificadores.
- No canto superior direito, clique em IDs de aplicativos.
- Selecionar IDs de serviço no menu suspenso.
- Escolha o seu Código do serviço da lista.
- Selecione Entrar com a Apple e clique em configurar botão.
- Selecione os ID do aplicativo principal no menu suspenso e digite o Domínio (o domínio da sua loja Shopify) e URL de redirecionamento (URL de retorno do aplicativo Shopify) em Domínios e Subdomínios e URLs de Retorno, respectivamente. Clique no Seguinte botão. (Você obterá o nome de domínio e o URL de redirecionamento do aplicativo miniOrange SSO)
- Verifique os detalhes e clique em Pronto botão. Depois disso, no canto direito, clique no Continuar botão.
- Copie o Valor do identificador e clique no Economize botão.
- Insira o valor do Identificador no ID do Cliente e copie o chave baixada valor no segredo do cliente do aplicativo Shopify SSO.
Você concluiu com sucesso a configuração do lado da Apple.
Etapa 3: Gerando a chave secreta
- Faça o download do Instalador Ruby a partir do seguinte link https://rubyinstaller.org/downloads/ e depois instalá-lo.
- Procure o prompt de comando Iniciar com Ruby. Abra o prompt de comando do Ruby e instale a gem JWT executando o seguinte comando na linha de comando: gem install jwt.
- Copie o código abaixo em um arquivo e salve o arquivo com o .rb extensão. Mantenha este arquivo .rb e o arquivo .p8 baixado na mesma pasta.
-
Insira os valores abaixo no código:
- Insira o valor de key_file como o nome do arquivo de chave baixado na Etapa 1. Por exemplo: key_file = 'AuthKey_994H448YX2.p8'.
- Insira o valor do ID da equipe consultando a imagem abaixo.
- Insira o valor do ID do cliente como o valor do identificador do ID do serviço. Por exemplo: 'com.abc.xyz'.
- Insira o valor copiado do ID da chave de Etapa 2 em key_id.
requer 'jwt' key_file = 'key.p8' team_id = '' client_id = '' key_id = '' ecdsa_key = OpenSSL::PKey::EC.new IO.read key_file headers = { kid: key_id } claims = { iss: team_id, iat: Time.now.to_i, exp: Time.now.to_i + 86400*180, aud: 'https://appleid.apple.com', sub: client_id, } token = JWT.encode claims, ecdsa_key, 'ES256', cabeçalhos coloca token
Etapa 4: Configurar a Apple como IDP no Shopify
- Navegue de volta para o miniOrange Single Sign On-SSO aplicação.
- Clique no Adicionar Provedor de Identidade botão para adicionar seu IDP.
- Selecionar OpenID Conectar 1.0 protocolo.
- Na lista de IDPs, selecione IDP personalizado.
- Agora, preencha os detalhes necessários, como ID do cliente, segredo do cliente, endpoints e escopo.
- Consulte a tabela abaixo para configurar os valores.
| Nome de exibição do IDP | [digite qualquer nome de aplicativo de sua escolha] |
| Ponto de extremidade de autorização OAuth | https://appleid.apple.com/auth/authorize?response_mode=form_post |
| Ponto de extremidade do token de acesso OAuth | https://appleid.apple.com/auth/token |
| ID do cliente | Valor do identificador do ID do serviço |
| ID secreto do cliente | Desde Etapa 2 |
| Objetivo | e-mail (digite este texto exatamente como mostrado) |
- Agora você pode clicar em Economize.
Etapa 5: testar as conexões
- Após salvar a configuração do IDP, você será redirecionado para Testar Conexão degrau.
- Execute o teste de conexão antes de mapear ou buscar atributos. O teste de conexão garante que sua configuração de IDP esteja correta.
- Clique no Testar Conexão botão.
- Ao inserir credenciais válidas da Apple, você verá uma janela pop-up mostrada na tela abaixo.
- Clique no Buscar Atributos botão para buscar atributo IDP.
Etapa 6: Mapeamento de Atributos
- Clique no + Mapeamento de Atributos botão para mapear atributos entre Shopify e Apple.
- Mapeie os atributos consultando a tabela abaixo:
- Clique em Economize.
| Nome do atributo no Shopify | Escolha o atributo na lista de atributos predefinidos |
| Tipo de Atributo | Atributo IDP |
| Valor do atributo | Selecione o valor do atributo que você obteve do seu IDP |
Etapa 7: habilitar e testar configurações de SSO
Selecione o tipo de loja Shopify:
- Loja Non-Plus
- Loja Plus
Neste guia, você configurou Apple Single Sign-On (SSO) configurando Apple como Provedor de Identidade (IdP) e Shopify como o Provedor de Serviços (SP) usando o Aplicativo de login único (SSO) da miniOrange Shopify. Com esta configuração, seus usuários agora podem executar Login único (SSO) no Shopify usando credenciais da Apple, garantindo uma experiência de autenticação moderna, segura e sem atritos em sua loja Shopify.
Perguntas Frequentes (FAQs)
Mais perguntas frequentes ➔
Segui os passos para definir o IDP, mas onde posso verificar o SSO?
Verifique a fachada da sua loja para ver se o Conta/Login O botão está visível na barra de navegação. Caso não esteja visível, acesse o painel de administração do Shopify → Configurações → Contas de clientes e ative a opção. “Exibir o link de login no cabeçalho da loja online e na página de finalização da compra.” Para contas de clientes antigas, clique em Conta/Login widget disponível na parte superior da loja ou navegue diretamente para o /conta/login Na página de login, selecione o widget de login SSO exibido acima dos campos de e-mail e senha. Você será redirecionado para a tela de login do provedor de identidade (IdP), onde poderá inserir suas credenciais do IdP para fazer login com sucesso. Para contas de clientes, clique em Ícone do usuário No canto superior direito da loja. Você será redirecionado para a página de login do IdP, onde precisará fazer login usando suas credenciais do IdP e concluir a verificação com o código OTP de 6 dígitos enviado para o seu endereço de e-mail cadastrado. Após a verificação, você estará conectado à loja Shopify. Você pode conferir o guia completo. documentação aqui.
Depois de realizar o SSO, quero que meus clientes sejam redirecionados para a página de cobranças ou ofertas de desconto.
Depois de configurar SSO da AppleVocê pode configurar para onde os clientes serão redirecionados após o login. Para isso, abra o aplicativo Shopify Single Sign-On (SSO) e navegue até Mais ações → Configurações adicionais para o IdP configurado. No Configurações pós-login Na guia, insira o endpoint da página para onde você deseja que os clientes sejam redirecionados após o login, como por exemplo: /carrinho or /coleções. Habilite o Restringir o cadastro de usuários Selecione a opção, se necessário, e certifique-se de inserir apenas o endpoint (não a URL completa). Por fim, salve suas configurações para aplicar as alterações.
Você pode conferir o completo documentação aqui.
Como habilito o redirecionamento automático do aplicativo SSO para o recurso IDP na minha loja Shopify?
Para habilitar o Redirecionamento automático para o IdP Para implementar esse recurso, primeiro atualize o aplicativo SSO para o plano Enterprise (Scale) a partir de Aplicativos → miniOrange Single Sign On – SSO → PreçosApós a atualização, acesse Configurações Globais e habilitar Redirecionamento automático para o IdP para Configurações de acesso à lojaSe solicitado, habilite o Extensão IdP de redirecionamento automático e salve as alterações. Por fim, escolha se o redirecionamento automático deve ser aplicado a toda a loja ou apenas à página de login e clique em Salvar. EconomizeE a funcionalidade será ativada com sucesso.
Você pode conferir o completo documentação aqui.
Obrigado pela sua resposta. Entraremos em contato em breve.
Algo deu errado. Envie sua consulta novamente.
