Procurar Resultados :

×
Registrar Contato

SSO do Facebook OAuth / OpenID Connect Single Sign-On (SSO) no Magento | Login SSO do Facebook

Obtenha teste gratuito

Integração do login do Facebook (Facebook Social Login) com o Magento usando o protocolo OAuth 2.0. O plugin Magento OAuth / OpenID Connect Single Sign-On (SSO) facilita a configuração do login do Facebook no Magento (Facebook Single Sign-On).

O plugin pode ser configurado usando outras fontes de mídia social, bem como provedores OAuth e OIDC personalizados. Ele contém diversos recursos de Single Sign-On (SSO), como mapeamento de atributos para perfis de usuário, mapeamento de funções e muito mais. Neste guia, vamos mostrar como configurar o SSO entre o Magento e o Facebook. Ao final deste artigo, os usuários poderão fazer login no Magento usando o Facebook. Clique aqui para saber mais sobre os recursos adicionais do plugin Magento OAuth Single Sign-On (OAuth & OpenID Connect Client).

O plugin Magento OAuth & OpenID Connect Single Sign-On (SSO) permite o login seguro no Magento usando o Facebook como provedor de OAuth e OpenID Connect. Você também pode usar provedores OAuth alternativos, como Azure B2C, Office 365 e outros provedores personalizados, para configurar o plugin. Recursos avançados de Single Sign-On, como Mapeamento de Atributos de Perfil de Usuário, Mapeamento de Funções e outros, são suportados. Neste artigo, abordaremos como configurar o SSO entre o Magento e o Facebook. Os usuários deverão conseguir fazer login no Magento pelo Facebook ao final deste guia.

Clique aqui para saber mais sobre outros recursos que oferecemos no plugin Magento OAuth Single Sign-On (cliente OAuth e OpenID Connect).

Pré-requisitos: Download e instalação

Instalação usando o Composer:
  • comprar o miniOrange OAuth / OpenID Connect Login Único extensão do marketplace magento.
  • Vá para Meu perfil -> Minhas compras
  • Certifique-se de que está usando as chaves de acesso corretas (Meu Perfil - Chaves de Acesso)
  • Cole as chaves de acesso no seu arquivo auth.json dentro do seu projeto
  • Use o comando abaixo para adicionar a extensão ao seu projeto. 
    "compositor requer miniorange_inc/miniorange-oauth-sso"
  • Você pode ver o nome do módulo e a lista de versões no seletor abaixo do nome do módulo de extensão.
  • Execute os seguintes comandos no prompt de comando para habilitar a extensão.
    • php bin/magento setup:di:compile
    php bin / magento setup: atualização

Instalação manual:
  • Baixe o zip da extensão miniOrange OAuth OpenID Connect Single Sign-On em aqui..
  • Descompacte todo o conteúdo do zip dentro do diretório MiniOrange/OAuth.
    • {Diretório raiz do Magento} app código MiniLaranja OAuth
  • Execute os seguintes comandos no prompt de comando para habilitar a extensão.
    • php bin/magento setup:di:compile
    php bin / magento setup: atualização

Etapas para configurar o login único (SSO) do Facebook OAuth e OpenID no Magento

1. Configure o Facebook como provedor OAuth

Siga os passos abaixo para configurar o Facebook como Provedor OAuth

mini laranja img Configurar o Facebook como provedor OAuth
  • Em primeiro lugar, faça login/cadastre-se no console do desenvolvedor do Facebook em https://developers.facebook.com/
    • Console de desenvolvedor Magento Facebook SSO
  • Acesse Meus apps.
    • OAuth/OpenID/OIDC Single Sign On (SSO) Facebook SSO adicionar novo aplicativo
  • Clique em Criar aplicativo para criar um novo aplicativo.
    • Adicionar novo aplicativo Magento Facebook SSO
  • Selecione seu tipo de aplicação.
    • OAuth/OpenID/OIDC Single Sign On (SSO) Facebook SSO adicionar novo aplicativo
  • Insira os detalhes necessários e clique em Criar aplicativo.
    • Magento OAuth 2.0 Facebook SSO adicionar novo aplicativo
  • Conclua a verificação de segurança e clique em Enviar botão.
    • Login único (SSO) Facebook SSO adicionar novo aplicativo Magento OAuth
  • Selecionar Facebook Login clicando no botão de configuração.
    • Configuração de login SSO do Magento Facebook
  • Selecionar Login do Facebook -> Configurações na opção Produtos na barra de navegação.
    • Configuração de login SSO do Facebook OAuth/OpenID/OIDC Single Sign On (SSO)
  • Debaixo Configurações do OAuth do cliente, insira o URL de retorno/redirecionamento (do seu plugin miniOrange Oauth Client) no URIs de redirecionamento OAuth válidos campo. Clique no Economize botão para salvar suas configurações.
    O mais importante é que seu URI de retorno/redirecionamento deveria estar https e não http. É obrigatório ao configurar o Facebook como um servidor OAuth.
    • Configuração de login do cliente OAuth do Facebook Magento SSO OAuth
  • Acesse Configurações -> Básico para visualizar seu ID do aplicativo e seu segredo do aplicativo (consulte a imagem abaixo).
    • Configuração básica de logon único (SSO) do cliente OAuth/OpenID/OIDC para Facebook | Magento Facebook
  • Insira a URL da sua Política de Privacidade no URL com Política de Privacidade campo e escolha uma categoria no menu suspenso no campo Categoria. Em seguida, clique em Salvar alterações botão para salvar suas configurações.
  • Copie o ID do aplicativo e o segredo do aplicativo e salve-os na extensão de cliente OAuth do miniOrange (nos campos ID do cliente e segredo do cliente, respectivamente).
    • Login único (SSO) Facebook OAuth Login SSO ID do aplicativo Segredo do aplicativo | Magento Facebook
  • Alterar o status do seu aplicativo de Em desenvolvimento para Viva clicando em OFF conforme mostrado na imagem abaixo. Em seguida, clique em confirme para confirmar sua mudança de status.
    • Status de alteração do SSO do Facebook OAuth/OpenID/OIDC Single Sign On (SSO) | Magento Facebook

Você configurou com sucesso o Facebook como provedor OAuth para habilitar o Single Sign-On (SSO) do Facebook com o Magento para autenticação de usuários.

2. Configurando o Magento 2 como cliente OAuth

  • Após configurar com sucesso o Provedor OAuth, vá para a aba Provedor OAuth e configure Nome do provedor OAuth, ID do cliente, Segredo do cliente, Objetivo e os endpoints fornecidos. (Você pode copiar esses valores na ETAPA 2 do painel do aplicativo.)

    Consulte abaixo os Endpoints para configurar o cliente OAuth


    Escopo: e-mail de perfil público
    Autorizar ponto final: https://www.facebook.com/dialog/oauth
    Ponto final do token de acesso: https://graph.facebook.com/v2.8/oauth/access_token
    Obter informações do usuário Endpoint: https://graph.facebook.com/me/?fields=id,name,email,age_range,first_name,gender,last_name,link
  • Clique no Economize para salvar as configurações.
  • Clique no Configuração de Teste botão.
    • Credenciais OAuth do Magento 2 Facebook SSO OAuth | Magento Facebook
  • Você verá todos os valores retornados pelo seu Provedor OAuth para o Magento em uma tabela. Caso não encontre valores para Nome, Sobrenome, E-mail ou Nome de Usuário, faça as configurações necessárias no seu Provedor OAuth para retornar essas informações.
  • O plugin miniOrange Premium também oferece o recurso de redirecionar automaticamente seu usuário para a página de login do IdP.
    • Redirecionamento automático do Magento 2 OAuth para IDP Magento SSO | Magento Facebook
  • Acesse a aba Configurações de login e marque as opções para habilitar o SSO no seu site Magento.
    • Magento 2 OAuth habilita SSO Magento SSO

4. SSO de cliente/administrador



  • Acesse a página de login do cliente e você verá o botão SSO no seu frontend. Clique no botão e teste o SSO.
    • Cliente Magento 2 OAuth SSO SSO
  • Você será conectado com sucesso no Magento.
    • magento SSO magento 2 cliente OAuth SSO Admin SSO

4: Mapeamento de Atributos (Opcional). *Este é um recurso Premium.

  • Você pode mapear atributos na aba "Mapeamento de Atributos". Na versão gratuita do plugin, apenas nome de usuário e e-mail podem ser mapeados. No entanto, na versão premium do plugin, você pode mapear vários atributos provenientes do seu Provedor OAuth para os atributos presentes no seu site Magento.
    • Mapeamento de atributos OAuth do Magento 2 | Magento Facebook

5: Mapeamento de funções (opcional). *Este é um recurso Premium.

  • Você pode especificar uma função padrão no plugin gratuito que será alocada a todos os usuários não administradores quando eles realizarem o SSO.
  • Vá para a aba Mapeamento de atributos/funções e navegue até a seção Mapeamento de funções.
  • Selecione a função padrão e clique no botão Salvar.
    • Facebook Magento SSO - Login único (SSO) do Facebook no Magento - mapeamento de funções

Configurando Facebook como Provedor OAuth e Magento como Cliente OAuth Usando nosso plugin Magento OAuth Client, você instalou com sucesso o Magento Facebook Single Sign-On (SSO). Em poucos minutos, você poderá fornecer acesso seguro ao seu site Magento utilizando as credenciais de login do Facebook, graças a esta solução.

Recursos adicionais


Olá!

Preciso de ajuda? Estamos bem aqui!

ajuda