Formas de Login Rápido e Social

Esta seção descreve em detalhes o processo de login e cadastro rápido/social de usuários em nosso sistema. Ela abrange desde o processo de registro inicial até os diferentes métodos de login e autenticação.

Quando um novo usuário deseja acessar nossa plataforma, ele passa pelo processo de registro. Abaixo está o fluxo detalhado desse procedimento:

Primeiro Acesso

Quando um usuário faz o login pela primeira vez sem cadastro, o sistema executa as seguintes etapas:

• As mutations de login social (Facebook, Google) retornam um CustomerAccessToken com o campo type definido como NEW (indicando um novo usuário).
• A mutation de login rápido CustomerSimpleLoginStart, quando um usuário não está registrado na plataforma, também retorna um CustomerAccessToken com type: NEW.

Esse token é usado para acionar a mutation CustomerCompletePartialRegistration, permitindo que o usuário cadastre informações pessoais como nome, CPF, data de nascimento, etc.

Usuário Cadastrado

Login Social

Para os usuários que optam por se autenticar por meio de redes sociais, utilizamos as mutations de login social. Essas mutations retornam um token com o tipo AUTHENTICATED, permitindo que o usuário acesse a plataforma sem inserir suas credenciais novamente.

Login Rápido

Oferecemos uma opção de login simplificado para agilizar o processo. O fluxo é o seguinte:

• Na tela de login da loja, a mutation CustomerSimpleLoginStart é chamada para iniciar o login rápido.
• Se o usuário estiver cadastrado, a mutation retornará a segunda etapa, onde o usuário responde a uma pergunta pré-definida e suas respostas correspondentes.
• A mutation CustomerSimpleLoginVerifyAnwser é usada para validar a resposta do usuário. Se a resposta estiver correta, um token de usuário AUTHENTICATED é retornado. Caso contrário, uma nova pergunta é apresentada. Após três respostas incorretas consecutivas, o sistema temporariamente bloqueia o login rápido.

Configurando as opções de Login na plataforma

Login Rápido

A funcionalidade de Login Rápido pode ser configurada através da seção de configurações de admin da loja. Embora a implementação do front-end possa ser personalizada conforme suas necessidades específicas, as opções de configuração padrão são acessíveis diretamente nas telas de admin da loja.

👍

Para obter mais informações sobre as configurações do Login Rápido no painel do admin, consulte a documentação disponível aqui.

O link para esta documentação oferece informações detalhadas sobre configurações no painel admin da loja.

No entanto, vale ressaltar que os elementos subsequentes abordam peculiaridades da nossa plataforma que não estão diretamente relacionadas ao contexto do Storefront. Portanto, o conteúdo é fornecido apenas como referência.

Login com o Google

Para habilitar o login com o Google em sua loja, é necessário realizar a seguinte configuração:

Antes de iniciar o processo de configuração, crie uma conta no Google APIs utilizando seu e-mail do Gmail (recomendamos usar o mesmo e-mail associado a outras ferramentas do Google).

Para obter instruções detalhadas sobre a configuração do Login com o Google, clique aqui.

Login com Facebook

Da mesma forma, para configurar o login com o Facebook, siga as etapas abaixo:

1. Crie um aplicativo com uma conta de desenvolvedor no site do Meta.
2. Siga as instruções fornecidas na documentação oficial para configurar o aplicativo.

O "appId" gerado deve ser inserido no painel administrativo, no campo "Facebook_Login_AppId". Seu valor pode ser acessado posteriormente em seus templates através da query ShopSettings para que o site possa configurar corretamente o fluxo de validação do usuário logado através da integração com o Facebook.

Exemplo de implementação do login social em seu template

Temos disponível em nosso template padrão um exemplo de implementação do login social, para mais informações acesse a página Configurando o login social em seu template.