Cómo iniciar sesión en mi sitio web HTML

Crear un sistema de inicio de sesión no tiene casi nada que ver con HTML. El único propósito de HTML es diseñar su aplicación web que luego será diseñada por CSS. Los sistemas de inicio de sesión se pueden crear con las siguientes tecnologías:

  • Un lenguaje de fondo
  • Una base de datos

Hay una variedad de idiomas de back-end disponibles a diferencia de la interfaz que solo tiene JavaScript. Algunas de sus opciones son JavaScript (Node.js), PHP, C # y Ruby (en Rails). Todo esto puede ayudarlo a crear un sistema de inicio de sesión, pero cada uno es diferente.

Una vez que haya elegido un idioma de back-end, puede elegir una base de datos. Las aplicaciones con cuentas de usuario suelen utilizar una base de datos relacional. MySQL y Oracle son los más populares, pero hay otros como PostgreSQL. El propósito de la base de datos es mantener la información de la cuenta de usuario, como un ID de usuario único, nombre de usuario y contraseña hash.

Un proceso para iniciar sesión en la cuenta de un usuario podría tener este aspecto:

  1. Escriben su información en un formulario HTML.
  2. Usando JavaScript (AJAX) en la interfaz, envía su información al servidor.
  3. El servidor (JavaScript, C #, Ruby, etc.) codifica su contraseña y la compara con la de la base de datos.
  4. Si la contraseña coincide, configura una cookie, una sesión, un token, etc. para el usuario y luego los redirige a una página de inicio de sesión. Esta página de inicio de sesión solo es accesible si se configura la cookie, la sesión o el token.
  5. Si la contraseña no coincide, el frontend recibe un error que se mostrará al usuario.

Ese es el proceso básico. Es una versión muy reducida de lo que sucede, pero podría haber un libro completo escrito solo sobre este proceso. Lo que haría es saltar directamente y comenzar a implementar cosas a medida que aprenda más. Una vez que llegue al final del proyecto, se dará cuenta de cuántos errores cometió, pero en mi opinión, esa es una de las mejores maneras de aprender.

Para crear un formulario de inicio de sesión, necesita el lenguaje de codificación html, css, javascript y php. Puede consultar aquí iniciar sesión en el proceso de diseño del formulario.

Cómo hacer un formulario de inicio de sesión simple en HTML 5 y Css 3 (Hindi parte 1)

Cómo hacer un formulario de inicio de sesión simple en HTML 5 y Css 3 (Hindi parte 2)

Si es un sitio web puramente HTML y no estás jugando con un servidor back-end (aparte de servir los archivos, quiero decir), pensaría en un servicio como Firebase de Google. Básicamente agrega algo de JavaScript a su código y no tendría que hacer mucho para alterar su configuración. Lee / mira algunos de sus tutoriales y mira lo que piensas … Firebase