tengo un problema que no he podido resolver, estoy un poco enredado y quisiera obtener alguna ayuda.
Estoy haciendo el registro de usuario de un proyecto personal pero quiero hacerlo de una forma bonita, funcional y lo más correcta que se pueda para un novato como yo. ya tengo el registro en la BD y luego procedo a enviar un correo de confirmación de cuenta con un link, cabe destacar que también estoy usando tokens para el acceso a recuros del servidor. El link lo creo con un hash + el id del usuario en la BD; el enlace termina viéndose así:
http://localhost:3000/ActivateAccount/?hash=$2b$10$uKG9PkUYjt.xyUXCEOhTCepo58g2deN5FYROAjsYa/KjEjNK5eGDS&id=34
Luego estoy intentando responder a ese link de la siguiente forma en el servidor:
router.get('/ActivateAccount', (req, res) => {
// mostrar una página con un mensaje que indique que se está validando su cuenta
// realizar operaciones en la bd para activar la cuenta del usuario
// redireccionar a la página de inicio de ese usuaio ( como si se fuese logueado )
})
Acá es dónde tengo muchas complicaciones y estoy muy confundido, no se como programar la primera y la última línea comentadas en el código anterior. Lo que quisiera lograr es que cuándo el usuario haga click en el enlace, se muestre una página donde tal vez pudiera a parecer un loading spinner mientras en paralelo se están ejecutando las operaciones en la Base de datos para activar la cuenta y, que al finalizar dichas operaciones y esté validada la cta, se muestre un alert diciendo que la cuenta se ha validado y con un boton de "aceptar", y que el usuario al hacer click allí se redirija a la pagina de bienvenida para ese usuario.
Algo así como hace Facebook, cuándo ya se ha validado la cuenta, muestra una pequeña ventana diciendo que todo esta listo, y al hacer click en aceptar automáticamente te redirige a tu página de inicio, así como aparece en la siguiente imágen.
¿Cuáles son mis mayores problemas?
1) como haría para mostrar una página desde el servidor (la página que quiero que cargue mientras se realizan las operaciones en la BD) ? leí sobre servir archivos estáticos pero no estoy muy claro, entiendo que se puede renderizar una página en express con render pero ya lo probé, y al hacer eso como que se envía la respuesta al cliente de una vez y entonces las sentencias luego del render no se ejecutan.
2) la página que envío en el link, obviamente debe ser con el puerto del servidor, correcto? estoy trabajando con angular (puerto 4200) y node.js con Express (puerto 3000). para poder recibir los parámetros y procesarlos en el servidor, el link debe ser con el puerto del servidor, como lo mostré anteriormente o estoy equivocado?
3) he leído que los parámetros para validar la cuenta no debería ir en el link (por GET ) para protegerlos, pero he visto que así los envían mayormente los foros y páginas como Facebook.
Este es un ejemplo del link enviado por Facebook:
facebook.com/confirmemail.php?next=https%3A%2F%2Fwww.facebook.com%2F&rd&__req=n
Este es un ejemplo del link enviado por un foro:
https://www.foromecanicos.com/foro/account-confirmation/julian21931500.163342/email?c=1mGlZh9aoHEKoG1L
Sinceramente he buscado opciones, pero no he encontrado algo que me ayuda, espero alguien acá puede orientarme un poco, gracias de antemano.
Saludos!