Logon social com Facebook e Twitter

O login do Social é a capacidade de apresentar a opção de fazer logon em um visitante do site com sua conta do Facebook ou Twitter. Portanto, incluindo dados permitidos do Facebook ou Twitter no perfil de membros AEM.

socialloginweretail

Visão geral do logon social

Para incluir o login social, é necessário criar aplicativos personalizados do Facebook e do Twitter.

Embora a amostra de varejo no mercado ofereça exemplos de aplicativos do Facebook e Twitter e serviços em nuvem, eles não estão disponíveis em um site deprodução.

As etapas necessárias são:

  1. Ative a autenticação OAuth em todas as instâncias de publicação AEM.

    Sem o OAuth ativado, as tentativas de logon falham.

  2. Crie um aplicativo social e um serviço em nuvem.

    • Para suportar o logon com o Facebook:

    • Para suportar o logon com o Twitter:

  3. Ative o login social para um site da comunidade.

Há dois conceitos básicos:

  1. O escopo (permissões) especifica os dados que o aplicativo tem permissão para solicitar.

    • Por padrão, as instâncias de Aplicativo e Provedor OAuth Granite e Adobe do Facebook e do Twitter incluem as permissões básicas do aplicativo dentro de seu escopo.
  2. Campos (params) especifica os dados reais solicitados usando parâmetros de URL.

    • Esses campos são especificados no Provedor OAuth do AEM Communities Facebook e no Provedor OAuth do AEM Communities Twitter.
    • Os campos padrão são suficientes para a maioria dos casos de uso, mas podem ser modificados.

Logon do Facebook

Versão da API do Facebook

O logon do Social e a amostra do Facebook no varejo foram desenvolvidos quando a API do Facebook Graph era a versão 1.0.
A partir AEM 6.4 GA e AEM 6.3 SP1 o login social foi atualizado para funcionar com a versão mais recente da API 2.5 do Facebook Graph.

Observação

Para versões AEM mais antigas, se você estiver enfrentando uma exceção nos registros Não é possível extrair um token desta versão, atualize para o CFP mais recente para essa versão AEM.

Para obter informações sobre a versão da API de gráfico do Facebook, consulte o log de alterações da API doFacebook.

Criar um aplicativo do Facebook

Um aplicativo do Facebook corretamente configurado é necessário para habilitar o logon social do Facebook.

Para criar um aplicativo do Facebook, siga as instruções do Facebook em https://developers.facebook.com/apps/. As alterações às suas instruções não são refletidas nas seguintes informações.

Em geral, a partir da API do Facebook v2.7:

  • Adicionar um novo aplicativo do Facebook
    • Para Plataforma, escolha Site:
      • Para URL do site, insira https://<server>:<port>.
      • Para Nome de exibição, insira um título para uso como o Título do serviço de conexão do Facebook.
      • Para Categoria, é recomendável escolher Aplicativos para páginas, mas pode ser qualquer coisa.
      • Adicionar produto: Logon do Facebook
      • Para URIs de redirecionamento OAuth válidos, digite https://<server>:<port>.
Observação

Para desenvolvimento, http://localhost:4503 funcionará.

Depois que o aplicativo for criado, localize a ID do aplicativo e as configurações de segredo do aplicativo. Essas informações são necessárias para configurar o serviço de nuvem doFacebook.

Criar um Cloud Service do Facebook Connect

A instância de Aplicativo e Provedor OAuth do Adobe Granite, instanciada ao criar uma configuração de serviço em nuvem, identifica o aplicativo do Facebook e os grupos de membros aos quais os novos usuários são adicionados.

  1. Na instância do autor AEM, faça logon com privilégios de administrador.

  2. Na navegação global, selecione Ferramentas > Cloud Services > Configuração de logon do Facebook Social.

  3. Selecione o caminho do contexto de configuração.

    O caminho de contexto deve ser o mesmo que o caminho de configuração da nuvem selecionado ao criar/editar um site da comunidade.

  4. Verifique se o caminho de contexto está habilitado para criar serviços em nuvem abaixo dele.

  5. Vá até Ferramentas > Geral > Navegador ​de configuração. Selecione o contexto e edite as propriedades. Habilite Configurações de nuvem se ainda não estiver habilitado.

    config-propertiespng

  6. Criar/editar a configuração do serviço de nuvem do Facebook.

    fbsocialloginconfigpng

    • Título (obrigatório) Insira um título de exibição que identifica o aplicativo do Facebook. É recomendável usar o mesmo nome inserido como Nome de exibição para o aplicativo do Facebook.
    • ID do aplicativo/chave da API (obrigatório) Insira a ID do aplicativo para o aplicativo do Facebook. Isso identifica a instância de Aplicativo e Provedor OAuth Granite criada a partir da caixa de diálogo.
    • Segredo do aplicativo (obrigatório) Insira o segredo do aplicativo para o aplicativo do Facebook.
    • Criar usuários Se marcada, o logon com uma conta do Facebook criará uma entrada de usuário AEM e as adicionará como membro ao(s) grupo(s) de usuários selecionado(s). O padrão está marcado (altamente recomendado).
    • Mascarar IDs de usuário: Deixe desmarcada.
    • Email do escopo: a ID de email do usuário deve ser obtida do Facebook.
    • Adicionar a grupos de usuários selecione Adicionar grupo de usuários para escolher um ou mais grupos de membros para o site da comunidade ao qual os usuários serão adicionados.
    Observação

    Os grupos podem ser adicionados ou removidos a qualquer momento. Mas as associações de usuários existentes não serão afetadas. A associação automática se aplica somente a novos usuários que estão sendo criados após esta atualização de campo. Para sites nos quais usuários anônimos estão desativados, opte por adicionar usuários ao grupo correspondente de membros da comunidade criado para esse site fechado da comunidade.

    • Select SAVE.
    • Publicação.

O resultado é uma instância de Aplicativo e Provedor OAuth Granite OAuth que não requer modificação adicional a menos que seja adicionado um escopo adicional (permissões). O escopo padrão é as permissões padrão para logon do Facebook. Se desejar um escopo adicional, é necessário editar a configuração do OSGI diretamente. Se houver modificações feitas diretamente pelo sistema/console, evite editar as configurações do serviço de nuvem da interface de usuário do toque para evitar a substituição.

Provedor OAuth do AEM Communities Facebook

O provedor AEM Communities estende a instância de Aplicativo e Provedor OAuth do Adobe Granite.

Esse provedor exigirá edição para:

  • Permitir atualizações de usuários

  • Adicionar campos adicionais dentro do escopo

    • Nem todos os campos permitidos por padrão são incluídos por padrão.

Se a edição for necessária, em cada instância de publicação AEM:

  1. Faça logon com privilégios de administrador.

  2. Navegue até o Console da Web. Por exemplo, http://localhost:4503/system/console/configMgr.

  3. Localize o AEM Communities Facebook OAuth Provider.

  4. Selecione o ícone de lápis para abrir para edição.

    fboauthprov_png

    • ID do Provedor OAuth

      (Obrigatório) O valor padrão é soco-facebook. Não edite.

    • Configuração de Cloud Service

      O valor padrão é /etc/ cloudservices / facebookconnect. Não edite.

    • Configuração do Serviço Provedor OAuth

      O valor padrão é /apps/social/facebookprovider/config/. Não edite.

    • Ativar tags

      Não editar.

    • Caminho do usuário

      Localização no repositório onde os dados do usuário são armazenados. Para um site da comunidade, para garantir que os membros tenham permissões para visualização no perfil dos outros, o caminho deve ser o padrão /home/users/community.

    • Ativar campos

      Se marcada, os Campos listados são especificados na solicitação ao Facebook para autenticação de usuário e informações. O padrão é desmarcado.

    • Fields

      Quando Campos estão ativados, os seguintes campos são incluídos ao chamar a API de gráfico do Facebook. Os campos devem ser permitidos dentro do escopo definido na configuração do serviço de nuvem. Campos adicionais podem exigir aprovação do Facebook. Consulte a seção Permissões de logon do Facebook na documentação do Facebook. Os campos padrão adicionados como parâmetros são:

      • id
      • name
      • first_name
      • last_name
      • link
      • locale
      • picture
      • fuso horário
      • update_time
      • verified
      • email

    Se algum campo for adicionado ou alterado, atualize a configuração correspondente do manipulador de Sincronização padrão para corrigir o mapeamento.

    • Atualizar usuário

      Se marcada, atualiza os dados do usuário no repositório em cada logon para refletir as alterações no perfil ou os dados adicionais solicitados. O padrão está desmarcado.

Próximas etapas

As próximas etapas são as mesmas para o Facebook e Twitter:

Logon no Twitter

Criar um aplicativo do Twitter

Um aplicativo do Twitter configurado é necessário para ativar o login social do Twitter.

Siga as instruções mais recentes para criar um novo aplicativo do Twitter em https://apps.twitter.com.

Em geral:

  1. Insira um Nome que identificará seu aplicativo do Twitter para os usuários do seu site.

  2. Informe uma Descrição.

  3. Para site - insira https://<server>.

  4. Para URL de retorno de chamada - insira https://server.

    Observação

    Não é necessário especificar a porta.

    Para desenvolvimento, https://127.0.0.1/ funcionará.

  5. Depois que o aplicativo for criado, localize a chave do consumidor (API) e o segredo do consumidor (API). Essas informações serão necessárias para configurar o serviço de nuvem doTwitter.

Permissões

Na seção de permissões do gerenciamento de aplicativos do Twitter:

  • Acesso: Selecione Read only.

    • Outras opções não são suportadas
  • Permissões adicionais: Opcionalmente, escolha Request email addresses from users.

    • Se não estiver selecionado, o perfil do usuário no AEM não incluirá seu endereço de email.
    • As instruções do Twitter anotam outras etapas a serem tomadas.

A única solicitação REST feita para login social é GET de credenciais de conta/verificação.

Criar um Cloud Service do Twitter Connect

A instância de Aplicativo e Provedor OAuth Granite, instanciada ao criar uma configuração de serviço em nuvem, identifica o aplicativo do Twitter e os grupos de membros aos quais os novos usuários são adicionados.

  1. Na instância do autor, faça logon com privilégios de administrador.

  2. Na navegação global, selecione Ferramentas > Cloud Services > Configuração de logon do Twitter Social.

  3. Escolha a configuração do caminho de contexto.

    O caminho de contexto deve ser o mesmo que o caminho de configuração da nuvem selecionado ao criar/editar um site da comunidade.

  4. Verifique se o caminho de contexto está habilitado para criar serviços em nuvem abaixo dele.

  5. Vá até Ferramentas > Geral > Navegador ​de configuração. Selecione o contexto e edite as propriedades. Habilite Configurações de nuvem se ainda não estiver habilitado.

    twitterconfigproppng

  6. Criar/editar a configuração do serviço de nuvem do Twitter.

    twittersocialloginpng

    • Título

      (Obrigatório) Insira um título de exibição que identifica o aplicativo do Twitter. É recomendável usar o mesmo nome inserido como Nome de exibição para o aplicativo do Twitter.

    • Chave do consumidor

      (Obrigatório) Digite a chave de consumidor (API) para o aplicativo do Twitter. Isso identifica a instância de Aplicativo e Provedor OAuth Granite criada a partir da caixa de diálogo.

    • Segredo do consumidor

      (Obrigatório) Digite o segredo de consumidor (API) para o aplicativo do Twitter.

    • Criar usuários

      Se marcada, fazer logon com uma conta do Twitter criará uma entrada de usuário AEM e as adicionará como membro ao(s) grupo(s) de usuários selecionado(s). O padrão está marcado (altamente recomendado).

    • Mascarar IDs de usuário

      Deixe desmarcada.

    • Adicionar aos Grupos de usuários

      Selecione Adicionar grupo de usuários para escolher um ou mais grupos de membros para o site da comunidade ao qual os usuários serão adicionados.

    Observação

    Os grupos podem ser adicionados ou removidos a qualquer momento. Mas as associações de usuários existentes não serão afetadas. A associação automática se aplica somente a novos usuários que estão sendo criados após esta atualização de campo. Para sites nos quais usuários anônimos estão desativados, adicione usuários ao grupo correspondente de membros da comunidade criado para esse site fechado da comunidade.

  7. Selecione SALVAR e Publicar.

O resultado é uma instância de Aplicativo e Provedor OAuth Granite OAuth que não requer modificação adicional. O escopo padrão é as permissões padrão para logon no Twitter.

Provedor OAuth do AEM Communities Twitter

A configuração do AEM Communities estende a instância de Aplicativo e Provedor OAuth do Adobe Granite. Esse provedor precisará de edição para permitir atualizações do usuário.

Se a edição for necessária, em cada instância de publicação AEM:

  1. Faça logon com privilégios de administrador.

  2. Navegue até o Console da Web.

    Por exemplo, http://localhost:4503/system/console/configMgr.

  3. Localize o AEM Communities Twitter OAuth Provider.

  4. Selecione o ícone de lápis para abrir para edição.

    twitteroauth_png

    • ID do Provedor OAuth

    (Obrigatório) O valor padrão é soco -twitter. Não edite.

    • Configuração de Cloud Service

      The default value is conf. Não edite.

    • Configuração do Serviço Provedor OAuth

      O valor padrão é /apps/social/twitterprovider/config/. Não edite.

    • Caminho do usuário

      Localização no repositório onde os dados do usuário são armazenados. Para um site da comunidade, para garantir que os membros tenham permissões para visualização no perfil dos outros, o caminho deve ser o padrão /home/users/community.

    • Ativar parâmetros não editar

    • Parâmetros de URL não editam

    • Atualizar usuário

      Se marcada, atualiza os dados do usuário no repositório em cada logon para refletir as alterações no perfil ou os dados adicionais solicitados. O padrão é desmarcado.

Próximas etapas

As próximas etapas são as mesmas para o Facebook e Twitter:

Ativar login do Social

AEM Communities Sites Console

Depois que um serviço em nuvem é configurado, ele pode ser ativado para a configuração relevante de Logon social para um site da comunidade usando o subpainel Configurações de gerenciamento de usuários durante a criação ou o gerenciamentodo site da comunidade.

  1. Escolha o contexto de configuração do site no qual você salvou suas configurações de login social.

  2. Na guia Geral, defina as configurações da nuvem.

    manager_png

  3. Na guia Configurações, ative Logons ​sociais e Salvar.

    usermgmt_png

Testar login social

  • Verifique se Adobe Granite OAuth Authentication Handler foi ativado em todas as instâncias de publicação.
  • Verifique se os serviços em nuvem foram publicados.
  • Verifique se o site da comunidade foi publicado.
  • Inicie o site publicado em um navegador.
    Por exemplo, http://localhost:4503/content/sites/engage/en.html
  • Selecione Logon.
  • Selecione Fazer logon com o Facebook ou Fazer logon com o Twitter.
  • Se ainda não tiver feito logon no Facebook ou Twitter, faça logon com as credenciais apropriadas.
  • Pode ser necessário conceder permissão dependendo da caixa de diálogo exibida pelo aplicativo do Facebook ou Twitter.
  • Observe que a barra de ferramentas na parte superior da página é atualizada para refletir o login bem-sucedido.
  • Selecionar Perfil: a página Perfil exibe a imagem de avatar, o nome e o sobrenome do usuário. Ele também exibe as informações do perfil do Facebook ou Twitter de acordo com os campos/parâmetros permitidos.

Configurações OAuth da plataforma AEM

Manipulador de Autenticação OAuth do Adobe Granite

O não Adobe Granite OAuth Authentication Handler está ativado por padrão e deve estar ativado em todas as instâncias de publicação AEM.

Para ativar o manipulador de autenticação na publicação, basta abrir a configuração do OSGi e salvá-la:

  • Faça logon com privilégios de administrador.
  • Navegue até o Console da Web.
    Por exemplo, http://localhost:4503/system/console/configMgr
  • Localize Adobe Granite OAuth Authentication Handler.
  • Selecione para abrir a configuração para edição.
  • Selecione Salvar.

chlimage_1-489

CUIDADO

Tenha cuidado para não confundir o manipulador de autenticação com uma instância do Facebook ou Twitter do Adobe Granite OAuth Application and Provider.

chlimage_1-490

Aplicativo e Provedor OAuth do Adobe Granite

Quando um serviço em nuvem para Facebook ou Twitter é criado, uma instância do Adobe Granite OAuth Authentication Handler é criada.

Para localizar a instância criada para um aplicativo do Facebook ou Twitter:

  1. Faça logon com privilégios de administrador.

  2. Navegue até o Console da Web.

    Por exemplo, http://localhost:4503/system/console/configMgr.

  3. Localize o Aplicativo e o Provedor OAuth Adobe Granite.

    • Localize a instância em que a ID do cliente corresponde à ID do aplicativo.

      chlimage_1-491

      Exceto as seguintes propriedades, deixe as outras propriedades da configuração inalteradas:

    • ID de configuração

      (obrigatório) As IDs de configuração OAuth devem ser exclusivas. Gerado automaticamente quando o serviço de nuvem é criado.

    • ID do cliente

      (Obrigatório) O ID da aplicação fornecido quando o serviço de nuvem foi criado.

    • Client Secret

      (Obrigatório) A senha da aplicação fornecida quando o serviço de nuvem foi criado.

    • Escopo

      (Opcional) É possível solicitar ao provedor um escopo adicional para o que é permitido. O escopo padrão abrange as permissões necessárias para fornecer autenticação social e dados de perfil.

    • ID do provedor

      (Obrigatório) A ID do provedor para AEM Communities é definida quando o serviço de nuvem é criado. Não edite. Para o Facebook Connect, o valor é soco-facebook. Para o Twitter Connect, o valor é soco-twitter.

    • Grupos

      (Recomendado) Um ou mais grupos de membros aos quais os usuários criados são adicionados. No AEM Communities, é recomendável lista do grupo de membros para o site da comunidade.

    • URL de retorno

      (Opcional) URL configurado com os provedores OAuth para redirecionar o cliente de volta. Use um url relativo para usar o host da solicitação original. Deixe em branco para usar o URL originalmente solicitado. O sufixo "/callback/j_security_check" é anexado automaticamente a este url.

    Observação

    O domínio do retorno de chamada deve ser registrado com o provedor (Facebook ou Twitter).

Para cada configuração do manipulador de autenticação OAuth, há duas configurações adicionais criadas na instância:

  • Manipulador de sincronização padrão do Apache Jackrabbit Oak (org.apache.Jackrabbit.oak.spi.security.authentication.external.impl.DefaultSyncHandler) - Nenhuma edição é necessária, mas você pode verificar se o campo do usuário mapeia como os campos do Facebook são mapeados para um nó de perfil do usuário do CQ. Observe também que "Sync Handler Name" corresponde à ID de configuração da configuração do provedor OAuth.
  • Módulo de logon externo do Apache Jackrabbit Oak (org.apache.Jackrabbit.oak.spi.security.authentication.external.impl.ExternalLoginModuleFactory) - Nenhuma edição é necessária aqui, mas você pode notar que 'Nome do provedor de identidade' e 'Nome do manipulador de sincronização' são iguais e apontam para as configurações correspondentes do manipulador de sincronização e OAuth, respectivamente.

Para obter mais informações, consulte Autenticação com o Apache Oak External Login Module.

Desempenho transversal do usuário OAuth

Para sites da comunidade que veem centenas de milhares de usuários se registrarem usando seu login no Facebook ou no Twitter, o desempenho transversal do query executado quando um visitante do site usa seu login social pode ser melhorado com a adição do seguinte índice Oak.

Se forem vistos avisos transversais nos registros, é recomendável adicionar esse índice.

Em uma instância do autor, conectado com privilégios administrativos:

  1. Da navegação global: selecione Ferramentas, CRX/DE Lite.

  2. Crie um índice chamado ntBaseLucene-oauth a partir de uma cópia de ntBaseLucene:

    • No nó /oak:index
    • Selecionar nó ntBaseLucene
    • Selecionar cópia
    • Selecionar /oak:index
    • Selecionar colar
    • Renomear cópia de ntBaseLucene como ntBaseLucene-oauth
  3. Modifique as propriedades do nó ntBaseLucene-oauth:

    • indexPath: /oak:index/ntBaseLucene-oauth
    • name: oauthid-123&#x200B;**&#x200B;**
    • reindexar: true
    • reindexCount: 1
  4. Em node /oak:index/ntBaseLucene-oauth/indexRules/nt:base/properties:

    • Exclua todos os nós filhos, exceto cqTags.

    • Renomear cqTags como oauthid-123&#x200B;**&#x200B;**

    • Modificar as propriedades do nó oauthid-123&#x200B;**&#x200B;**

      • name: oauthid-123&#x200B;**&#x200B;**
    • Selecione Salvar tudo.

  • Para o nome oauthid-123, substitua 123 pela ID do aplicativo do Facebook ou Chave do consumidor do Twitter (API) que é o valor da ID do cliente na configuração do aplicativo e do provedor OAuth OA Granite.

    chlimage_1-492

Para obter informações e ferramentas adicionais, consulte Oak Query and Indexing.

Configuração do Dispatcher

Consulte Configuração do Dispatcher para Comunidades.

Nesta página