Autenticación de usuarios - Cookies y estado

si no se guarda la cookie es porque falta el path

server.state(‘user’, {
ttl: 1000 * 60 * 60 * 24 * 7,
isSecure: process.env.NODE_ENV === ‘prod’,
encoding: ‘base64json’,
path: ‘/’
})

Mi aporte en el código

// Configurar el servidor para el envio de cookies (nombreCookie, opciones)
    // https://hapi.dev/tutorials/cookies/?lang=en_US
    // tiempo de vida de la cookie (en milisegundos)
    // localhost no es seguro
    // codificación de la cookie
    server.state('user', {
      ttl: 1000 * 60 * 60 * 24 * 7,
      isSecure: process.env.NODE_ENV === 'prod',
      encoding: 'base64json',
    })

En el controlador

async function validateUser(req, h) {
  try {
    const userLogin = await user.validateUser(req.payload)
    if (!userLogin) {
      return h.response('Email y/o Contraseña incorrectas').code(401)
    }
    // En aplicaciones Web, las cookies se usan a menudo para mentener el estado de un usuario entre solicitudes http

    // Se redirecciona al usuario y se le envía la cookie llamada user configurara previamente en la aplicacion (nombreCookie, data)
    return h.redirect('/').state('user', {
      name: userLogin

function index(req, h) {
return h.view(‘index’, {
title: ‘Home’,
user: req.state.user // El valor de esta variable de ruta se obteniene del estado actual de la aplicación (accede a la cookie user) para mostrar o no ciertos controles en la vista
})
}```
.name,
email: userLogin.email,
})
} catch (error) {
console.error(error)
return h.response(‘Problemas al logear el usuario’).code(500)
}
}

Enviar variables a la vistas

function index(req, h) {
return h.view(‘index’, {
title: ‘Home’,
user: req.state.user // El valor de esta variable de ruta se obteniene del estado actual de la aplicación (accede a la cookie user) para mostrar o no ciertos controles en la vista
})
}

y en la vista

{{! Si hay usuario, es porque hay estado, es decir, hay cookie activa (logeado) }}
{{#if user}}
<div class=“col m-2 text-right”>
<h6><span class=“badge badge-info”>{{user.name}}</span></h6>
<a href="/" class=“btn btn-primary btn-lg border border-white” role=“button” aria-pressed=“true”>Preguntar</a>
<a href="/logout" class=“btn btn-primary btn-lg border border-white ml-2” role=“button” aria-pressed=“true”>Salir</a>
</div>
{{else}}
<div class=“col m-2 text-right”>
<a href="/login" class=“btn btn-primary btn-lg border border-white” role=“button” aria-pressed=“true”>Login</a>
<a href="/register" class=“btn btn-primary btn-lg border border-white ml-2” role=“button” aria-pressed=“true”>Registrarse</a>
</div>
{{/if}}

Cada clase supera a la anterior.

Excelente,

✌

😊👌

Según recuerdo las cookies sirven para poder compartir información entre peticiones (request) por esta razón cuando se guarda una cookie esta se envía en todas las peticiones, por eso la pasamos a la vista desde el request 😎

Genial

https://hapi.dev/api/?v=19.0.4#server.state()

Les comparto el zip con el avance hasta logout route funcionando…

y con bootstrap 4.6, por cierto

zip

feedback al repo bienvenida

repo github

Que implementación tan genial, cada vez me voy acostumbrando más al flujo de autenticación de usuarios, la primera vez que lo hice me pareció demasiado complejo, pero ahora ya entiendo mejor xD