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 -dUtilizando o comando abaixo é possível entrar no container para configurar as dependencias.
docker-compose exec tray_login bashPara configurar o ambiente de dev, execute:
yarnAgora que o ambiente está configurado, execute na raiz:
yarn serveCaso você esteja utilizando o docker o comando acima já é executado automaticamente ao levantar o container