Registro de usuarios sin base de datos MYSQL
neopuerta360:
Una de las mejores formas de interactuar con las personas que visitan tu pagina es por medio de un sistema que permita registrarlos y mostrarle contenido exclusivo, existen muchos scripts en PHP donde se usan bases de datos que quizás pueden ser complejas para una persona que recién está comenzando con esto de las webs, en esta mini guía vamos a crear un sistema de ingreso totalmente ORIGINAL desde cero sin la necesidad de tener bases de datos MySQL.
Puntos a Favor
*No necesitas bases de datos
*No necesitas saber códigos ni comandos SQL que quizás pueden ser un poco complejos
*Fácil de Crear
*Funciona Perfectamente
Puntos en Contra
*Quizás puede llegar a ser un poco inestable (Algo más o menos como lo que pasa con CuteNews)
*Menos seguro que bases de datos MySQL
*Que van a poder hacer los usuarios registrados?
-Los usuarios que se registren en este sistema de ingreso van a poder realizar cualquiera de las siguientes acciones:
*Ver contenido exclusivo
*Cambiar su avatar
-Que NO va a tener este sistema de usuarios
-Aquí te coloco alguna de las cosas que NO vamos a hacer con este sistema de registro:
*El administrador del sitio NO va a poder eliminar cuentas, al menos que elimine manualmente los mismo desde el archivo de usuarios
NO van a haber diferentes rangos de usuarios salvo los establecidas como usuario registrado o no
*Los usuarios no podran editar su cuenta
*Los usuarios no tendran un perfil entren otras cosas
Que necesito?
*Para lograr tu sistema de ingreso solo necesitas una página web y un programa para editar código PHP (aunque con el bloc de notas también puedes lograrlo).
Dznp:
¿Y el código? >:(
Puntos a Favor
*No necesitas bases de datos
*No necesitas saber códigos ni comandos SQL que quizás pueden ser un poco complejos
*Fácil de Crear
*Funciona Perfectamente
Esas 2 cosas me dieron un poco de risa... ;-)
Primero que nada si se necesitan bases de datos, lo que vos haces(guardarlo en un archivo) es TU bases de datos.
¿Consultas a MySQL complejas? si podes crear un script así no creo que sea tan dificil hacer un select o un insert.
:silbar:
neopuerta360:
Paso 1: Creación del archivo donde se guardan los usuarios
*Arriba dijimos que no íbamos a usar bases de datos MySQL para almacenar a nuestros usuarios, sin embargo necesitamos un lugar donde guardar a los mismos, eso vamos a hacerlo de la siguiente manera:
*Crea una Nueva Carpeta llamada Usuarios, ahí crea un nuevo archivo PHP desde tu editor de código y añade lo siguiente a esa página:
Código
<?php die('Disculpa, No puedes ver esta pagina!!')?>
*Es importante que dejes un salto de línea después del código de arriba.
*Guarda ese archivo como Usuarios.php, y lo que tenemos ahí es el archivo donde se van a guardar a los usuarios, el código que ves, simplemente evita que se recargue la pagina directamente para prevenir que cualquiera pueda ver los e-mails y los nombres de usuarios de tu web (el password va a estar cifrado).
Ya terminamos con la carpeta de usuarios, ahí no vas a agregar nada más.
Paso 2: Creación de la pagina con el formulario de ingreso
Crea una nueva página llamada registrarse.php, aquí vamos a colocar el formulario que va a permitir a los usuarios registrarse en nuestra página:
Código
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Registrate</title>
</head>
<body>
<h1>Registrate</h1>
<form action="registro.php" method="POST">
<p>
<label for="nombre">*Nombre de Usuario</label>
<label for="campo1"><input name="nombre" type="text" value=""/></label>
</p>
<p>
<label for="email">*Email</label>
<label for="campo2"><input name="email" type="text" value=""/></label>
</p>
<p>
<label for="password">*Password</label>
<label for="campo3"><input name="pass" type="password" value=""/></label>
</p>
<p>
<label for="passwordrepe">Repite el Password</label>
<label for="campo4"><input name="passrepet" type="password" value=""/></label>
</p>
<p>
<input name="submit" type="submit" value="Registrarme"/>
</p>
</form>
</body>
</html>
*Es importante que el “action”, el “method” y los “names” de los formularios NO varíen.
Paso 3: Creación del archivo que procesa el formulario
Es hora de crear uno de los archivos más complejos de nuestro sistema de ingreso, es el que procesa los datos del registro y realiza la inscripción de los usuarios en nuestro archivo usado como base de datos. Crea un nuevo archivo y llámalo como registro.php. Este archivo va a tener tres partes fundamentales:
1- Definición de constantes
2- Frenar el registro en caso de error
3- Registrar al usuario
Archivo de registro.php
Código
<?php
/*
* COMENZAMOS DEFINIENDO ALGUNAS VARIABLES
*/
$bd_usuarios = 'Usuarios/usuarios.php';
$nombre = $_POST['nombre'];
$email = $_POST['email'];
$password = $_POST['pass'];
$passwordrep = $_POST['passrepet'];
/*
* VAMOS A FRENAR EL REGISTRO SI EL ARCHIVO DE USUARIOS NO EXISTE
*/
if(!file_exists($bd_usuarios)){
$error['noExiste'] = 'Disculpa, pero el archivo de base de datos de usuarios no existe';
}
/*
* AHORA FRENAMOS EL CASO EN QUE NO SEA ESCRIBIBLE EL ARCHIVO DE USUARIOS
*/
if(!is_writable($bd_usuarios)) {
$error['noEscribe'] = 'Disculpa, pero el archivo de base de datos no admite escritura';
}
/*
* SI EL CAMPO NOMBRE ESTA VACIO GENERAMOS ERROR
*/
if(empty($nombre)) {
$error['nombreVacio'] = 'Disculpa, debes escribir un nombre de usuario';
}
/*
* SI EL CAMPO EMAIL ESTA VACIO GENERAMOS ERROR
*/
if(empty($email)) {
$error['emailVacio'] = 'Disculpa, debes escribir un email';
}
/*
* LOS ERRORES DEL PASSWORD, QUE ESTE VACIO O QUE NO COINCIDAN O QUE SEA MENOR A 4 CARACTERES
*/
if(empty($password)) {
$error['passwordVacio'] = 'Disculpa, debes escribir un password';
}
elseif(strlen($password) <= 3) {
$error['passwordCorto'] = 'Disculpa, el password debe ser de como minimo de 4 caracteres';
}
elseif($password != $passwordrep) {
$error['passwordNoCoincide'] = 'Disculpa, los dos password deben coincidir';
}
/*
* AQUI CHECAMOS QUE EL EMAIL DE USUARIO NO EXISTA
*/
$contenido_verificacion = file_get_contents($bd_usuarios);
$array_verificacion = explode('||', $contenido_verificacion);
$cuento_los_usuarios = count($array_verificacion);
for($i = 0; $i <= $cuento_los_usuarios; $i++) {
$exploto_usuarios = explode('|', $array_verificacion[$i]);
if($email == $exploto_usuarios[4]) {
$error['EmailExistente'] = 'Disculpa, ese email ya ha sido registrado';
}
}
/*
* AQUI CHECAMOS QUE EL NOMBRE NO EXISTA
*/
for($i = 0; $i <= $cuento_los_usuarios; $i++) {
$exploto_usuarios = explode('|', $array_verificacion[$i]);
if($nombre == $exploto_usuarios[2]) {
$error['NombreExistente'] = 'Disculpa, ese nombre ya ha sido registrado';
}
}
/*
* SI NO HAY ERROR, REGISTRAMOS EL USUARIO
*/
if(empty($error)) {
$contenido_usuarios = file_get_contents($bd_usuarios);
$array_usuarios = explode('||', $contenido_usuarios);
$cuento_usuarios = count($array_usuarios);
$abro = fopen($bd_usuarios, 'a+');
fwrite($abro, filemtime($bd_usuarios)."|$cuento_usuarios|$nombre|".md5($password)."|$email||");
fclose($abro);
$mensaje = 'Usuario Registrado con Exito';
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Registrate</title>
</head>
<body>
<h1>Registrate</h1>
<?php
if($error) {
foreach ($error as $advertencia){
echo $advertencia;
echo '<br />';
}
}
if($mensaje) {
echo $mensaje;
}
?>
</body>
</html>
Con estos archivos, vamos a tener listo el registro de los usuarios en nuestra página web, en el siguiente capítulo vamos a crear un archivo que permita a los usuarios iniciar sesión.
;-)
neopuerta360:
Ahora nos toca hacer los archivos que van a permitir a nuestros usuarios conectarse, primero que nada vamos a hacer el formulario de ingreso, en este caso login.php.
Archivo login.php
Código
<?php
session_start();
if($_SESSION) {
header('Location:index.php');
} else {
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ingresa</title>
</head>
<body>
<form action="ingreso.php" method="post">
<p>
<label for="nombre">Nombre</label>
<label for="campo1"><input type="text" name="nombre" value="" /></label>
</p>
<p>
<label for="password">Password</label>
<label for="campo2"><input type="password" name="pass" value="" /></label>
</p>
<p>
<input type="submit" name="ingresar" value="Iniciar sesion"/></p>
</form>
</body>
</html>
<?php }?>
Ahora necesitamos hacer ingresar a los usuarios, primero vamos a hacer un archivo aparte llamado entrarusuarios.php que va a tener la función para que nuestros usuarios se conecten.
Archivo entrarusuarios.php
*Crea un nuevo archivo y llámalo entrarusuarios.php.
*Como dije arriba, este archivo va a conectar a nuestros usuarios, tomando los datos del formulario (el nombre y el password) y buscando similares en nuestra base de datos.
*Una forma con la que trabajo PHP (No sé si es la correcta) es pensar que nosotros mismos estamos realizando las tareas, por ejemplo:
Supongamos que un usuario, llamado “usuarioa” te pide saber si esta registrado en tu fiesta, y tu usaste una cuaderno para anotar a los invitados con sus respectivas claves, cada invitado está en una hoja separada, ahora, para saber si el usuario esta registrado, divides el cuaderno en las diferentes hojas, buscas a un usuario cuyo nombre sea “usuarioa” y su clave sea “clavea”, en caso de que encuentres uno, le dices que si esta registrado, y en caso contrario le dices que no está registrado. Ahora el ejemplo anterior vamos a pasarlo a una función como la siguiente:
Código
<?php
/*
* ESTA ES LA FUNCION QUE ME HACE INGRESAR A LOS USUARIOS
*/
function conectar_usuarios($nombre_usuario, $password_usuario) {
$RESULTADO = FALSE;
//VERIFICAMOS QUE NO ESTEN VACIOS, SI LO ESTAN DEVUELVE FALSE
if($nombre_usuario == '' || $password_usuario == '') {
$RESULTADO = FALSE;
}
$ubicacion_usuarios = 'Usuarios/usuarios.php';
$contenido_usuarios = file_get_contents($ubicacion_usuarios);
$array_todos_usuarios = explode('||', $contenido_usuarios);
foreach ($array_todos_usuarios as $usuario_individual) {
$datos_del_usuario = explode('|', $usuario_individual);
if($nombre_usuario == $datos_del_usuario[2] && $password_usuario == $datos_del_usuario[3]) {
$RESULTADO = TRUE;
break;
}//DEL IF
}//DEL FOREACH
return $RESULTADO;
}
?>
Archivo ingreso.php
*Este archivo va a ser el que le dé una determinada variable de Sesión a cada usuario conectado, es como si le diéramos una identificación a cada invitado para que entre a tu fiesta.
Crea un nuevo archivo php y llámalo ingreso.php, en el vas a comenzar colocando lo siguiente:
Código
<?php
/*
* VAMOS A INICIAR LA SESION, ESTO ES IMPORTANTE
*/
session_start();
/*
* COMENZAMOS DEFINIENDO ALGUNAS VARIABLES
*/
$nombre = $_POST['nombre'];
$password = $_POST['pass'];
$md5_pass = md5($password);
require_once 'entrarusuarios.php';
/*
* AQUI DEFINIMOS NUESTRAS VARIABLES DE SESSION SI EL INGRSO ES CORRECTO
*/
if(conectar_usuarios($nombre, $md5_pass)) {
$INGRESO_DE_SESION = TRUE;
@session_register('nombre');
@session_register('password');
$_SESSION['nombre'] = "$nombre";
$_SESSION['password'] = "$md5_pass";
header('Location:index.php');
} else {
$INGRESO_DE_SESION = FALSE;
echo "Login incorrecto, <a href='login.php'>intentalo otra vez</a>";
}
?>
*Cuando el usuario ingrese, va a ser llevado automáticamente al index donde va a poder ver contenido que es solo para usuarios registrados, vamos a ver como seria este archivo.
Archivo Index.php
*Abre un nuevo archivo y llámalo index.php, ahí vamos a tener: Tanto contenido para usuarios conectado como contenido para usuarios no conectados y también contenido para ambos tipos de usuarios.
Comenzamos al igual que los otros archivos, estableciendo la función de inicio de sesión.
Código
<?php
session_start();
//VARIABLES PARA EL AVATAR
$avatar = "Usuarios/avatar/".$_SESSION['nombre'].".png";
if (!file_exists($avatar)) {
$avatar = "Usuarios/avatar/default.png";
}
?>
*Luego de eso, vamos a agregar lo siguiente:
Código
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ingreso</title>
</head>
<body>
<h1>Index</h1>
<p>Este es contenido comun que va a poder ser visto por cualquier usuario</p>
<?php
if (empty($_SESSION)) {?>
<div id="contenido">
<h1>Este contenido es solo para usuarios registrados</h1>
<p>Disculpa, pero no eres un usuario registrado o no has iniciado sesion</p>
<p><a href="registrarse.php">Registrate</a> | <a href="login.php">Inicia Sesion</a></p>
</div>
<?php
} else {
?>
<div id="contenido">
<h1>Contenido para usuarios registrados</h1>
<h2>TU AVATAR ES</h2>
<img src="<?php echo $avatar?>" alt="Tu Avatar" /><br />
<a href="avatar.php">ADMINISTRAR AVATAR</a>
<p>Este contenido lo ve quien este registrado</p>
<p><?php echo $_SESSION['nombre'];?></p>
<p><a href="logout.php">Cerrar sesion</a></p>
</div>
<?php }?>
</body>
</html>
*Ahora el usuario quiere cerrar sesión, para eso proporcionamos un link en el index que lleva hasta la pagina “logout.php”, veamos que tiene esa página.
Código
<?php
session_start();
if(empty($_SESSION)) {
header('Location: index.php');
} else {
session_unset();
session_destroy();
header('Location:index.php');
}
?>
neopuerta360:
En la Primera y segunda parte de esta mini guia creamos la estructura general de este sistema de ingreso, en esta oportunidad vamos a añadirle la posibilidad de subir avatars para cada usuario, una característica que va a permitir a todos aquellos que ingresan en tu pagina identificarse un poco mejor dependiendo del estilo de cada quien.
Paso 1
Primero vamos a crear una carpeta llamada “avatar” dentro de la carpeta “Usuarios” que es la carpeta donde tenemos nuestro archivo php que sirve de base de datos
*La ruta de un avatar va a ser “Usuarios/avatar/nombre.png”
*Esta carpeta va a servir para guardar los avatars que suban nuestros usuarios, vamos a crear ahora la pagina que sirve para subir nuestras imágenes.
*Dentro de esta carpeta guarda una imagen con el nombre “default” en formato png que va a servir de default para todos los usuarios nuevos.
Paso 2: Archivo avatar.php
*Al igual que en la guia anterior debemos iniciar la session, vamos a pegar lo siguiente en nuestro archivo php.
Código
<?php
//INICIAMOS LA SESION DEL USUARIO
session_start();
//SI EL USUARIO NO ESTA LOGEADO, LO MANDAMOS AL INDEX
if (empty($_SESSION['nombre'])) {
header('Location:index.php');
}
//DEFINIMOS ALGUNAS VARIABLES NECESARIAS CUANDO SUBIMOS EL ARCHIVO
$status= "";
if ($_POST["action"] == "upload") {
$tamano = $_FILES["archivo"]['size'];
$tipo = $_FILES["archivo"]['type'];
$archivo = $_SESSION['nombre'].".png";
if ($archivo != "") {
$destino = "Usuarios/avatar/".$archivo;
if (copy($_FILES['archivo']['tmp_name'],$destino)) {
$status = "Avatar Cambiado con EXITO";
} else {
$status = "Error al subir el archivo";
}
} else {
$status = "Error al subir archivo";
}
}
//OTRAS VARIABLES NECESARIAS PARA MOSRTAR EL AVATAR
$nombredelarchivo = "Usuarios/avatar/".$_SESSION['nombre'].".png";
$default = "Usuarios/avatar/default.png";
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Usuarios - Cambio de Avatar</title>
</head>
<body>
<h1>TU AVATAR ACTUALMENTE ES</h1>
<?php if (file_exists($nombredelarchivo)) {?>
<img src="<?php echo $nombredelarchivo?>" alt="Avatar Actual" />
<p>PUEDES:</p>
<a href="borrar-a.php?nombre=<? echo $_SESSION['nombre']?>">BORRAR AVATAR!</a> | <a href="index.php">IR AL INDEX</a>
<?php } else { ?>
<img src="<?php echo $default?>" alt="Avatar Actual" />
<p>TU AVATAR ES EL DEFAULT, PUEDES CAMBIARLO</p>
<form action="<? echo $_SERVER['REQUEST_URI']?>" method="post" enctype="multipart/form-data">
<input name="archivo" type="file" class="casilla" id="archivo" size="35" /><br />
<input name="enviar" type="submit" class="boton" id="enviar" value="Subir Avatar!" />
<input name="action" type="hidden" value="upload" /> </td>
</form>
<p style="color: red;"><?php echo $status?></p>
<?php } ?>
</body>
</html>
Paso 3: archivo borrar-a.php
Código
<?php
//INICIAMOS LA SESION DEL USUARIO
session_start();
//SI EL USUARIO NO ESTA LOGEADO, LO MANDAMOS AL INDEX
if (empty($_SESSION['nombre'])) {
header('Location:index.php');
}
//SI EL NOMBRE DE LA URL NO CORRESPONDE AL DE LA SESION, ESTAS BORRANDO EL AVATAR DE OTRO
if ($_SESSION['nombre'] != $_GET['nombre']) {
die("Estas borrando el avatar de alguien mas, esta accion no esta permitida");
}
//BORRAMOS EL AVATAR
$archivo = "Usuarios/avatar/".$_GET['nombre'].".png";
unlink($archivo);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Usuarios - Borrar Avatar</title>
</head>
<body>
<h1>Avatar Borrado</h1>
<a href="avatar.php">Subir otro Avatar</a> | <a href="index.php">Ir al Index</a>
</body>
</html>
Eso es todo aqui termina mi mini guia :-* :D
Navegación
[#] Página Siguiente