Web Component para realizar login nas lojas da Tray.
npm install tray-login
Atributo | Descrição |
---|---|
data-store | ID da loja |
data-methods | Tipos de login que você deseja utilizar, opções: ['facebook', 'google', 'password', 'otp'] |
data-callback | URL de callback caso o login esteja correto |
data-texts | Textos personalizados (opcional) |
data-identification | Identificação utilizada para login (opcional) |
Lista de eventos disparados pelo componente.
Evento | Descrição |
---|---|
tray-login | Dispara quando finalizou o processo de login |
tray-login#close | Dispara quando fecha o componente |
tray-login#identify | Dispara quando abre a tela de identificação |
tray-login#main | Dispara quando abre a tela de login |
tray-login#otp | Dispara quando abre a tela de login com OTP |
tray-login#recover-password | Dispara quando abre a tela de recuperação de senha |
1 - Adicione a bibilioteca vue e importe o componente no <head>
:
<script src="https://unpkg.com/vue"></script>
<script src="dist/tray-login.min.js"></script>
2 - Adicione o elemento no seu HTML substituindo as URLs da aplicação.
<tray-login
data-methods="['facebook']"
data-callback="/callback.html"
data-store="351572"
data-texts="{}">
</tray-login>
Exemplo de utilização do evento:
$(window).on('tray-login', function(event) {
var response = event.originalEvent.detail.response;
var type = event.originalEvent.detail.type;
if (type === 'success') {
console.log('Success!');
} else {
console.error('Error!');
}
});
$(window).on('tray-login#close', function() {
console.log('Closed!');
});
Mudamos a forma como recuperamos os parâmetros do evento:
$(window).on('tray-login', function(event) {
var response = event.detail.response;
var type = event.detail.type;
if (type === 'success') {
console.log('Success!');
} else {
console.error('Error!');
}
});
Caso você possua o docker instalado juntamente com o docker-compose, execute o comando abaixo para levantar o container.
docker-compose up -d
Utilizando o comando abaixo é possível entrar no container para configurar as dependencias.
docker-compose exec tray_login bash
Para configurar o ambiente de dev, execute:
yarn
Agora que o ambiente está configurado, execute na raiz:
yarn serve
Caso você esteja utilizando o docker o comando acima já é executado automaticamente ao levantar o container