Continuando con nuestros tutoriales de Diseño Web, y ya habiendo aprendido a hacer autentificaciones de usuarios mediante el uso de PHP con y sin bases de datos, hoy les traemos otro sencillo tutorial en el cual les enseñaremos a añadir un registro de usuarios a sus sitios Web, el cual puede resultar muy útil si queremos entregar ciertas funcionalidades a algunos tipos de usuarios.
Para este tutorial, no es necesario tener grandes conocimientos de lenguajes dinámicos ni manipulación de bases de datos, ya que veremos todo el código correspondiente en detalle.
Como siempre, más información después del salto.
Como siempre, partamos por lo primero:
Sin más cosas, manos a la obra:
1.- Lo primero que haremos, será crear la tabla correspondiente a los usuarios en nuestra base de datos. Si no saben como hacerla, pueden ver este tutorial en el que hemos realizado este proceso paso a paso. La tabla para este ejemplo contendrá los siguientes campos:
Eventualmente pueden definir los campos que Uds. estimen convenientes (por ejemplo Sitio Web, Pais de ubicación, etc), dependiendo de la información que quieran recolectar de cada usuario.
2.- A continuación comenzaremos con el diseño de nuestro registro de usuarios. Primero que todo, crearemos una página HTML donde tendremos nuestro formulario de registro. A esta página la llamaremos “registro.html” y en ella crearemos el formulario. Si tienen dudas de como crear un formulario, pueden ver este tutorial en el que ya realizamos el proceso paso a paso. Este formulario contendrá los siguientes campos:
Y como siempre, los clásicos botones “Enviar” y “Limpiar datos”.
El “Action” de este formulario (página a la que se dirigirá al hacer click en el botón “Enviar”) lo dejaremos fijado a “agregar.php”
3.- Con nuestra base de datos y formulario listos, ahora podemos concentrarnos en el código para registrar al usuario. Para esto crearemos una página llamada “agregar.php” en el cual realizaremos los siguientes pasos:
Para esto, insertaremos el siguiente código después de la etiqueta <BODY>. La explicación del código, como siempre, en cursiva, negrita y entre /* */:
$user=$_POST["username"]; $clave=$_POST["clave"]; $confirmar=$_POST["confirmar"]; $email=$_POST["email"]; $nombre=$_POST["nombre"]; $error=0; /* Primero que todo asignaremos los valores recogidos del formulario en el vector POST a las variables que definimos ($user, $clave, etc). La última variable llamada $error la dejaremos como una bandera para marcar cualquier falla que exista dentro del proceso */ if($user == "" || $clave == "" || $confirmar == "" || $email == "" || $nombre == "") { echo "Debe ingresar todos los datos. Por favor vuelva atrás"; $error = 1; } /* Básicamente lo que hacemos aquí es controlar mediante una sentencia "if" que todas las variables contengan información. Por eso preguntamos si alguna de ellas esta vacía (separando por el equivalente a ó que es || ) que muestre el mensaje de que faltan datos y le muestre el vínculo para volver al formulario. Además, marcamos nuestra variable $error con un 1 . */ if($clave != $confirmar) { echo "Las contraseñas ingresadas no son iguales. Por favor vuelva atrás"; $error = 1; } /* A continuación comprobamos que las contraseñas ingresadas en el formulario, o bien la contraseña y la confirmación sean iguales. Dentro de nuestro "if" preguntamos si son distintas (mediante != ) y si es el caso, mostramos el mensaje que las contraseñas no son iguales y desplegamos el vínculo para volver el formulario. Además, marcamos la variable $error con un 1 . */ else { $conexion = mysql_connect("URL del host","usuario","contraseña") or die("No se puede conectar a la BD"); mysql_select_db("nombre de nuestra BD",$conexion) or die("No se puede seleccionar la BD"); $consulta = "SELECT * FROM usuario WHERE username='$user'"; $resultado = mysql_query($consulta,$conexion) or die("Operacion fallida: $consulta"); /* A este trozo de código se ingresará si los datos del usuario han pasado todas las validaciones anteriores. Lo primero que haremos es establecer una conexión a nuestra base de datos, primero definiendo una variable llamada $conexion y almacenando dentro de ella el resultado de la conexión a la BD mediante la función mysql_connect, a la cual le proveemos los parametros correspondientes a la URL de nuestra base de datos (comunmente es localhost) y el usuario y contraseña que utilizamos para ingresar. Luego seleccionamos la base de datos mediante la función mysql_select_db a la cual le proporcionamos los parametros correspondientes al nombre de la base de datos y los datos de la conexión (almacenados en la variable $conexion). En caso de que alguno de esos proceso fallen, presentamos un mensaje de error y "matamos" el proceso mediante el "or die" correspondiente. Luego en una variable $consulta, definimos una consulta a la base de datos de tipo SQL en la cual le pedimos que busque los datos de algún usuario que ya tenga el nombre de usuario que se seleccionó ahora. De esta forma veremos si ya existe algún usuario con esos datos. Finalmente, ejecutamos la consulta mediante la función mysql_query, a la cual le proporcionamos la consulta almacenada en $consulta y los datos de la conexion almacenados en la variable $conexion. El resultado de la consulta lo almacenaremos en la variable $resultado. */ if(mysql_affected_rows($resultado) == 0) { $consulta = "INSERT into usuario(username, clave, email, nombre) VALUES ('$user','$clave','$email','$nombre')"; $resultado = mysql_query($consulta,$conexion); /* Mediante la función mysql_affected_rows (dándole de parámetro el resultado de la consulta) averiguaremos si hubo alguna fila afectada por la consulta recién realizada (la consulta SELECT que buscaba la existencia del usuario), en caso de que la función sea igual a 0 significa que no hubo coincidencias por lo que el nombre de usuario se encuentra libre y podemos proceder a añadir el nuevo usuario a la base de datos. Esto lo hacemos mediante una consulta INSERT, la cual la almacenamos en la variable $consulta (podemos reutilizarla, ya que no necesitaremos el contenido anterior) y el resultado de esta la almacenaremos en $resultado (lo mismo que $consulta) luego de ejecutarla mediante un mysql_query */ if(!$resultado) { echo "Se ha presentado un error al registrar el usuario. <br> Por favor intentelo de nuevo"; $error = 1; exit(); /* Ahora mediante un if validaremos que no haya ningún problema con la ejecución de la consulta. Al poner !$resultado le preguntamos a la BD si no fue posible obtener un resultado en la ejecución y si es así desplegamos el mensaje de error correspondiente y marcamos nuestra variable $error con un 1 para luego hacer un "exit()" y detener la ejecución */ } else { $error = 2; /* El else por supuesto corresponde a que no hubo problemas en la ejecución de la consulta, por lo que marcamos nuestra variable $error con un 2 el cual validaremos más tarde para desplegar un mensaje de éxito */ } } else { echo "El nombre de usuario ya existe. Por favor vuelva atrás"; $error = 1; /* Este else corresponde al if que utilizamos con la función mysql_affected_rows , por lo que si entra al else significa que hubo una coincidencia cuando seleccionamos el nombre de usuario de la BD. Así que desplegamos el mensaje correspondiente de error, presentamos el vínculo para volver y marcamos nuestra variable $error con un 1 */ } } if($error == 2) { echo "Se ha registrado en el sistema. Bienvenido '$nombre'"; /* Finalmente validamos si nuestra variable error vale 2, esto significa que logró insertar los datos de forma satisfactoria por lo que presentamos el mensaje de éxito y le damos la bienvenida al usuario usando el nombre que registró en el formulario */ }
Algunas salvedades:
Y con esto damos término a este nuevo tutorial de PHP donde les enseñamos a hacer un simple registro de usuarios que pueden incorporar a su Web. Esperamos que este tutorial haya sido de utilidad para Uds. y como siempre no duden en dejarnos sus dudas o comentarios al respecto, los cuales trataremos de contestarlos a la brevedad para poder ayudarlos.
Como es habitual, recuerden que este tutorial ha sido desarrollado, probado y documentado por el equipo de Comolohago.cl, por lo que cuenta con nuestro infalible sello de garantía.
Muchas gracias por leer y será hasta una próxima oportunidad.
3:11:55 pm
@sayonara: Te recomendamos revisar esta categoría de tutoriales de PHP.
Si necesitas algo que no aparezca ahí, puedes enviarnos una petición oficial en esta página.
Saludos
2:20:01 am
Hello to all ! Great site. I am new here greetings to all from Poland.
11:57:17 am
Hola que tal esta bueno el tuto, pero me gustaria saber como hacer lo mismo pero SIN BASE DE DATOS. Solo como php. Gracias!
12:30:50 pm
@Lucas: Este tipo de scripts, como registros de usuarios, necesitan utilizar una fuente de datos para poder guardar la información y acceder a ella con posterioridad. No hay problema que no los guardes, pero de ser así, solo podrás acceder a ellos durante la sesión activa y luego no podrás volver a referenciarlos.
Ahora, si lo que no quieres es usar bases de datos, puedes crear y utilizar archivos donde guardes la información, pero son más engorrosos de manipular.
Saludos
4:27:39 pm
Gracias por la pronta respuesta Juan. Y entonces se puede hacer sin base de datos? Aunquesea complicado tenes alguna forma de guiarme?
7:43:34 pm
@Lucas: Lo mejor para hacer, en vista de que no utilizarás bases de datos y por ende no almacenarás la información, es utilizar un usuario fijo para todos los que ingresen y hacer una autentificación a partir de eso.
Te recomendamos revisar este tutorial donde hemos cubierto el proceso.
Saludos
7:34:09 pm
No tendrias para pasarme alguna pagina html basica que ya este hecha?
Saludos
8:38:52 pm
🙁
9:35:44 pm
hola, primero gracias por este estupendo tutorial, pero tengo un problema:
ya hice todo lo que esta en el tutorial (tube que arreglar unas cosas porque no era perfecto) pero al intentar registrar un usuario en mi pagina me sale esto:
Operacion fallida: SELECT * FROM usuario WHERE username= (aqui sale el usuario q puse)
no se que hacer les agradeceria me ayuden, gracias
9:34:05 am
@Erick: Te recomiendo añadir lo siguiente a tu código:
if(!$resultado)
{
$error=mysql_error();
print $error;
}
Reemplazando $resultado por la variable donde hayas guardado tu consulta. De esta forma te desplegará el error y podremos ayudarte con mayor facilidad.
Saludos!