Diferencia entre revisiones de «Usuario:ManuelRomero/ProgramacionWeb/php/Aut Ses Coo/ejercicios»

De WikiEducator
Saltar a: navegación, buscar
 
(7 revisiones intermedias por el mismo usuario no mostrado)
Línea 1: Línea 1:
 
{{:Usuario:ManuelRomero/dwes/B2T5/opp/nav}}
 
{{:Usuario:ManuelRomero/dwes/B2T5/opp/nav}}
−
__NOTOC__
 
 
===Autentificación===
 
===Autentificación===
 
====Ficheros de usuarios====
 
====Ficheros de usuarios====
Línea 39: Línea 38:
 
<br />
 
<br />
 
{{MRM_Actividad|Title= Accesos restringidos|
 
{{MRM_Actividad|Title= Accesos restringidos|
−
Crea un sencillo sitio web que me redirija a 4 páginas:
+
*Utilizando la autentificción de usuario y pass en el servidor y ficheros .htaccess,
−
*'''''Información General''''' :  Tendrá acceso todo el mundo
+
*Crea un fichero de contraseñas llamado '''''misUsuarios''''' con por ejemplo 5 usuarios  (alicia, sara, jorge, paula, manolo)
−
*'''''Información restringida''''':  Sólo tenrán acceso los usuarios creados en el fichero misUsuarios
+
*Crea un fichero de grupos con por 1 grupo  (grupo_familia) al que pertenecerán sara, alicia y paula)
−
*'''''Información Sara''''' :  Tendrá acceso solo el usuario sara
+
 
−
*'''''Información de grupo''''' : Tendrá acceso los usuarios 3 usuarios de los 5 creados (sara alicia y paula)
+
*Crea un sencillo sitio web que me redirija a 4 páginas:
 +
#'''''Información General''''' :  Tendrá acceso todo el mundo
 +
#'''''Información restringida''''':  Sólo tenrán acceso los usuarios creados en el fichero misUsuarios
 +
#'''''Información Sara''''' :  Tendrá acceso solo el usuario sara
 +
#'''''Información de grupo''''' : Tendrá acceso los usuarios 3 usuarios de los 5 creados (sara alicia y paula).
 +
*Cada página simplemente contredrá un texto en h1
 +
{{MRM_Recursos de la Web|http://manuel.infenlaces.com/dwes/acceso_restringido/}}
 
{{Tip|Ten en cuenta los propietarios de la carpeta (el grupo que pertenezca a www-data}}
 
{{Tip|Ten en cuenta los propietarios de la carpeta (el grupo que pertenezca a www-data}}
 
}}
 
}}
 +
 
====Controlando accesos====
 
====Controlando accesos====
 
<br />
 
<br />
Línea 67: Línea 73:
 
<source lang="php">
 
<source lang="php">
 
<? session_start();
 
<? session_start();
−
if (!isset($_SESSION["cuenta_paginas"])){
+
if (!isset($_SESSION["visitas"])){
 
     $_SESSION["visitas"] = 1;
 
     $_SESSION["visitas"] = 1;
 
}else{
 
}else{
Línea 80: Línea 86:
 
<body>
 
<body>
 
<?
 
<?
−
echo "Desde que entraste has visto " . $_SESSION["cuenta_paginas"] . " páginas";
+
echo "Desde que entraste has visto " . $_SESSION["visitas"] . " páginas";
 
?>
 
?>
 
<br>
 
<br>
Línea 226: Línea 232:
 
}}
 
}}
  
−
 
+
===Coockies de secciones===
 +
<br />
 
{{MRM_Actividad|
 
{{MRM_Actividad|
 
*Crea una pagina que simule ser la de un periódico. La misma debe permitir configurar que tipo de titular deseamos que aparezca al visitarla, pudiendo ser:
 
*Crea una pagina que simule ser la de un periódico. La misma debe permitir configurar que tipo de titular deseamos que aparezca al visitarla, pudiendo ser:
Línea 235: Línea 242:
 
*Almacenar en una cookie el tipo de titutar que desea ver el cliente.
 
*Almacenar en una cookie el tipo de titutar que desea ver el cliente.
 
*La primera vez que visita el sitio deben aparecer los tres titulares.
 
*La primera vez que visita el sitio deben aparecer los tres titulares.
−
{{Plegable|Hide|Posible código |
+
<!--
 +
{{Plegable|hide|Posible código |
 
<source lang=php>
 
<source lang=php>
 
<!DOCTYPE html>
 
<!DOCTYPE html>
Línea 251: Línea 259:
 
     <body>
 
     <body>
 
         <?php
 
         <?php
 +
        //Primero leo la cookie por si existe
 
         $opcion = $_COOKIE['seccion'];
 
         $opcion = $_COOKIE['seccion'];
 +
 +
        //Si he dado borrar cookie, la borro y anulo el valor de la variable
 +
        //que contiene la cookie para la ejecución acutal
 
         if (isset($_POST['borrar'])) {
 
         if (isset($_POST['borrar'])) {
 
             setcookie('seccion', $opcion, time() - 1);
 
             setcookie('seccion', $opcion, time() - 1);
 
             $opcion = null;
 
             $opcion = null;
 
         }
 
         }
 +
 +
        //Si he dado enviar es para guardar la cookie
 +
        //La leo del input radio y me guardo ese  valor
 +
        //en una variable para el script actual
 
         if (isset($_POST['enviar'])) {
 
         if (isset($_POST['enviar'])) {
 
             $opcion = $_POST['seccion'];
 
             $opcion = $_POST['seccion'];
 
             setcookie('seccion', $opcion, time() + 3600);
 
             setcookie('seccion', $opcion, time() + 3600);
 
         }
 
         }
 +
 +
        //Si no hay cookie muestro los radio, si no no los muestro
 +
        //(Decisión personal...)
 
         if ($opcion == null) {
 
         if ($opcion == null) {
 
             ?>
 
             ?>
Línea 271: Línea 290:
 
             </form>
 
             </form>
 
             <?php
 
             <?php
 +
            //Si sí que hay cookie y no muestro las opciones de radio
 +
            //Muestro un botón para borrar cookie
 
         } else {
 
         } else {
−
             echo "<h1> En tu última selección de sección seleccionaste <strong>$opcion</strong> </h1>";
+
             ?>
−
             echo "<form action='.' method='POST'><input type='submit' value='Borrar Cookie' name='borrar'>
+
            <h1> En tu última selección de sección seleccionaste <strong><?php echo $opcion ?> </strong> </h1>
 +
             <form action='.' method='POST'><input type='submit' value='Borrar Cookie' name='borrar'>
 
                 <hr /><br /><br />
 
                 <hr /><br /><br />
−
             </form>";
+
             </form>
 +
            <?php
 
         }
 
         }
  
 +
        //En cada caso mostraré esta sección del supuesto periódico
 +
        //Si es la sección de la cookie (en cuyo caso solo mostraré esta)
 +
        //O si no hay cookie las voy a mostar todas, y por lo tanto también esta ...
 
         if (($opcion == 'noticias') || ($opcion == null)):
 
         if (($opcion == 'noticias') || ($opcion == null)):
 
             ?>
 
             ?>
−
             <div id = "noticias">
+
             <div id = "secciones">
 
                 <h2>Noticias</h2>
 
                 <h2>Noticias</h2>
 
                 <p>
 
                 <p>
Línea 297: Línea 323:
 
         if (($opcion == 'economia') || ($opcion == null)):
 
         if (($opcion == 'economia') || ($opcion == null)):
 
             ?>
 
             ?>
−
             <div id = "economía">
+
             <div id = "secciones">
 
                 <h2>Economía</h2>
 
                 <h2>Economía</h2>
 
                 <p>
 
                 <p>
Línea 316: Línea 342:
 
         if (($opcion == 'deporte') || ($opcion == null)):
 
         if (($opcion == 'deporte') || ($opcion == null)):
 
             ?>
 
             ?>
−
             <div id = "deporte">
+
             <div id = "secciones">
 
                 <h2>Deporte</h2>
 
                 <h2>Deporte</h2>
 
                 <p>
 
                 <p>
Línea 331: Línea 357:
 
             </div>
 
             </div>
 
         <?php endif; ?>
 
         <?php endif; ?>
−
 
−
 
−
 
 
     </body>
 
     </body>
 
</html>
 
</html>
 
</source>
 
</source>
 
}}
 
}}
−
{{Plegalbe|hide|Css para el ejercicio|
+
{{Plegable|hide|Css para el ejercicio|
 
<source lang=css>
 
<source lang=css>
−
 
+
#secciones{
−
#noticias{
+
 
     border: 0.25em solid;
 
     border: 0.25em solid;
 
     align : center;
 
     align : center;
Línea 348: Línea 370:
 
     font-size: 1.1em;
 
     font-size: 1.1em;
 
}
 
}
−
#economía{
 
−
    border: 0.25em solid;
 
−
    align : center;
 
−
    left: 10%;
 
−
    background-color: #eee;
 
−
    font-size: 1.1em;
 
−
 
−
}
 
−
#deporte{
 
−
    border: 0.25em solid;
 
−
    align : center;
 
−
    left: 10%;
 
−
    background-color: #eee;
 
−
    font-size: 1.1em;
 
−
 
−
}
 
−
 
 
</source>}}
 
</source>}}
 
}}
 
}}
 +
-->
  
 
{{MRM_Actividad|Title=Realiza el ejercicio de la siguiente referencia|
 
{{MRM_Actividad|Title=Realiza el ejercicio de la siguiente referencia|
 
  http://www.mclibre.org/consultar/php/ejercicios/cookies/cookies.html
 
  http://www.mclibre.org/consultar/php/ejercicios/cookies/cookies.html
 
}}
 
}}

Última revisión de 21:26 8 nov 2018




Autentificación

Ficheros de usuarios



Icon activity.jpg
Ficheros de usuarios
  • crea un fichero llamado misUsuarios y añade 3 usuarios maria/maria nieves/nieves sara/sara. Se indica usuario/password
  • Posteriormente visualiza el contenido del fichero
  • Observa cómo la pass aparece cifrada
Modo de actuación

1.- Primero nos ubicamos en el directorio donde queramos añadir o crear el fichero 

cd /home/MiUsuario
MiUsuario es vuestro propio directorio

2.-Ahora creamos un directorio para guardar esta información y nos movemos en él 

mkdir usuarios
cd usuarios

3.-Una vez correctamente ubicados generamos el fichero de las password con la herramienta htpasswd 

La primera vez con opción -c para crear el fichero
 htpasswd -c misUsuarios maria
 htpasswd  misUsuarios nieves
 htpasswd misUsuarios nieves



Leer con php datos de la autentificación



Icon activity.jpg
Accediendo con php a la autentificación
  • Modifica la página restringida para ver el usuario y password así como el método usado de autentifiación
  • El código que habría que añadir: 
  <?php 
        echo "te has autentificado como:<br/>";
 
        echo "Usuario: ". $_SERVER['PHP_AUTH_USER']."<br/>";
        echo "Password: ". $_SERVER['PHP_AUTH_PW']."<br/>";
        echo "Tipo de autentificacion: ". $_SERVER['AUTH_TYPE'];
  ?>



Accesos Restringidos



Icon activity.jpg
Accesos restringidos
  • Utilizando la autentificción de usuario y pass en el servidor y ficheros .htaccess,
  • Crea un fichero de contraseñas llamado misUsuarios con por ejemplo 5 usuarios (alicia, sara, jorge, paula, manolo)
  • Crea un fichero de grupos con por 1 grupo (grupo_familia) al que pertenecerán sara, alicia y paula)
  • Crea un sencillo sitio web que me redirija a 4 páginas:
  1. Información General : Tendrá acceso todo el mundo
  2. Información restringida: Sólo tenrán acceso los usuarios creados en el fichero misUsuarios
  3. Información Sara : Tendrá acceso solo el usuario sara
  4. Información de grupo : Tendrá acceso los usuarios 3 usuarios de los 5 creados (sara alicia y paula).
  • Cada página simplemente contredrá un texto en h1


Icon inter.gif
Recursos de la Web
http://manuel.infenlaces.com/dwes/acceso_restringido/


Icon present.gif
Tip: Ten en cuenta los propietarios de la carpeta (el grupo que pertenezca a www-data





Controlando accesos



Icon activity.jpg
Controlando accesos

Haz un programa en el que controlemos que el usuario con tu nombre y la misma password pueda acceder Solo se dejarán 3 intentos si al tercer intento no lo consigue se le anulará la posibilidad de seguir intentándolo

Icon present.gif
Tip: En seguida veremos las variables de sesión, pero aún hay que recurrir a los campos ocultos, que muchas veces serán muy útiles :)





Sesiones

Localiza variables de sesión



Icon activity.jpg
Variables de sesión
  • Localiza y actualiza estas directivas en tu fichero de configuración
  • coméntalas con tus palabras en dicho fichero


Cuenta de visitas



Icon activity.jpg

Actividad

Haz un programa que te cuente cuantas visitas recibe la página
Posible solución 
<? session_start();
if (!isset($_SESSION["visitas"])){
    $_SESSION["visitas"] = 1;
}else{
    $_SESSION["visitas"]++;
}
?>
<html>
<head>
<title>Contar páginas vistas por un usuario en toda su sesión</title>
</head>
 
<body>
<?
echo "Desde que entraste has visto " . $_SESSION["visitas"] . " páginas";
?>
<br>
<br>
<a href="otracuenta.php">Ver otra página</a>
</body>
</html>






Icon activity.jpg
Almacena las fechas de cada visita

Modifica el programa anterior para almacenar el momento en el cual se produjo cada visita 

<?php
// Iniciamos la sesión o recuperamos la anterior sesión existente
session_start();
// En cada visita añadimos un valor al array "visitas"
$_SESSION['visitas'][] = mktime();
?>






Icon activity.jpg
Control de acceso con autentificación
  • Crea una página similar a la anterior usada en cookies,
  • Almacena en la sesión de usuario los instantes de todas sus últimas visitas.
  • Si es su primera visita, muestra un mensaje de bienvenida.
  • En caso contrario, muestra la fecha y hora de todas sus visitas anteriores. Añade un botón a la página que permita borrar el registro de visitas.
  • Utiliza también una variable de sesión para comprobar si el usuario se ha autentificado correctamente. De esta forma no hará falta comprobar las credenciales con la base de datos constantemente.
Propuesta de solución 
<?php
// Si el usuario aún no se ha autentificado, pedimos las credenciales
if (!isset($_SERVER['PHP_AUTH_USER'])) {
    header('WWW-Authenticate: Basic realm="Contenido restringido"');
    header("HTTP/1.0 401 Unauthorized");
    exit;
}
// Vamos a guardar el usuario en una variable de sesión
// si no existe, aún no se ha autentificado
session_start();
if (!isset($_SESSION['usuario'])) {
// Aquí podríamos conectar a una vbase de satos para ver recuperar datos de la base de datos
//y verificar si hay o no concordancia.
$autentificado=false;
if ($_SERVER['PHP_AUTH_USER']=="manolo" AND $_SERVER['PHP_AUTH_PW']=="manolo")
    $autentificado=true;
 
// Si no existe, se vuelven a pedir las credenciales
        if ($autentificado == false) {
            header('WWW-Authenticate: Basic realm="Contenido restringido"');
            header("HTTP/1.0 401 Unauthorized");
            exit;
        } else
            $_SESSION['usuario'] = $_SERVER['PHP_AUTH_USER'];
    }
}
// Si ya está autentificado
else {
// Comprobamos si se ha enviado el formulario de limpiar el registro
    if (isset($_POST['limpiar']))
        unset($_SESSION['visita']);
    else
        $_SESSION['visita'][] = time();
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
    http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <title>Ejemplo Tema 4: Cookies en autentificación HTTP</title><link href="dwes.css" rel="stylesheet" type="text/css">
    </head>
    <body>
        <?php
        if ($error == null) {
            echo "Nombre de usuario: " . $_SERVER['PHP_AUTH_USER'] . "<br />";
            echo "Hash de la contraseña: " . md5($_SERVER['PHP_AUTH_PW']) . "<br />";
            if (count($_SESSION['visita']) == 0)
                echo "Bienvenido. Esta es su primera visita.";
            else {
                date_default_timezone_set('Europe/Madrid');
                foreach ($_SESSION['visita'] as $v)
                    echo date("d/m/y \a \l\a\s H:i", $v) . "<br />";
                ?>
                <form id='vaciar' action='<?php echo $_SERVER['PHP_SELF']; ?>' method='post'>
                    <input type='submit' name='limpiar' value='Limpiar registro'/>
                </form>
                <?php
            }
        } else
            echo "Se ha producido el error $error.<br />";
        ?>
    </body>
</html>





Icon activity.jpg
Más ejercicios para practicar

Ejercicios:




Cookies

Almacenar el momento de las visitas a una página



Icon activity.jpg
Cookies con momento de visita
  • En una página llamada registro.php , almacena en una cookie el último instante en la que se visitó la página.
  • Si es su primera visita, muestra un mensaje de bienvenida.
  • En caso contrario, muestra la fecha y hora de su anterior visita.
  • Deberás utilizar la función setcookie para guardar el instante de su anterior visita y mostrar su contenido utilizando el array $_COOKIE.
Posible solución
  • Tomado el ejemplo anterior (de autentificación), habría que añadir el siguiente código 
if($resultado->num_rows == 0) {
 //......
 
 
else {
     if (isset($_COOKIE['ultimo_login'])) {
         $ultimo_login = $_COOKIE['ultimo_login'];
     }
     setcookie("ultimo_login", time(), time()+3600);
}
 
//..... y una vez dentro de la página
 
if (isset($ultimo_login))
    echo "Ultimo login: " . date("d/m/y \a \l\a\s H:i", $ultimo_login);
else
    echo "Bienvenido. Esta es su primera visita."




Coockies de secciones



Icon activity.jpg
Actividad


}} -->



Icon activity.jpg
Realiza el ejercicio de la siguiente referencia
http://www.mclibre.org/consultar/php/ejercicios/cookies/cookies.html



Obtenido de «https://es.wikieducator.org/index.php?title=Usuario:ManuelRomero/ProgramacionWeb/php/Aut_Ses_Coo/ejercicios&oldid=24462»