DEV Community: Marco Antonio León Matias

Cómo instalar WSL en Windows 10. Rápido y conciso

Marco Antonio León Matias — Tue, 11 Jan 2022 06:38:45 +0000

Mi computadora es una laptop HP Envy x360 Convertible

Paso 1. Verifica si la virtualización está habilitada/activada.

Entra a «Administrador de tareas». Oprime la tecla de windows y escribe "administrador de tareas", das enter a ese programa y espera.
Una vez abierto al Administrador de Tareas das click en la pestaña que dice «rendimiento», estando allí, posiciónate en CPU, en la parte inferior en una lista de información buscaras donde diga «Virtualización: .....». Verifica que a un lado diga «Habilitado».
En caso de que diga deshabilitado, revisa el Paso 3 de este escrito antes de realizar Paso 2.

Paso 2. Abrir Powershell como administrador

Es importante que abras este programa como administrador pues de otra forma no te dejará instalar WSL.

En la terminal de Powershell escribe wsl -l -o. Esto devolverá una lista con las distribuciones que puedes instalar.
Luego, sólo instala la distribución de tu preferencia, usando el comando wsl --install -d <nombre la distribución>.

Ejemplo: wsl --install -d Ubuntu-20.04

Se descargará automáticamente desde Windows Store la aplicación de esa distribución. La instalación se ejecutará, puede tardar unos minutos, sólo espera.
Al finalizar la instalación, cierra Powershell, luego reinicia tu computadora.
Por último, inicia la aplicación de la distribución linux que se descargo, y listo, el resto depende de ti(username, password, etc.).

Paso 3. Habilitar la virtualización. Esto se hace desde la BIOS.

La manera segura para hacer esto es con un "inicio avanzado".

Entra a «Configuración» y da click en «Actualización y seguridad».
Luego, te posicionas en «Recuperación».
Ahí, busca la opción de «Inicio avanzado» y das click.
Espera un momento, te aparecerán una pantalla azul con más de una opción. Tú debes elegir la que diga «Solucionar problemas».
Te aparecerá otra pantallas azul con más opciones. Tú debes elegir la que diga «Opciones avanzadas».
De nuevo te saldrá una pantalla azul con más opciones. Tú debes elegir la que diga «Configuración de firmware UEFI».
Confia en estos pasos ;).
Llegará un momento en que te aparezca un menu y te pedirá usar teclas para acceder a cada opción. Busca en ese menu «BIOS Setup» o algo con BIOS y accedes con su correspondiente tecla.
Lee bien, pues la misma BIOS te indica las teclas para realizar cada cosa.
Ya que entres a la BIOS, desplázate con las teclas que la BIOS te indica. Busca la opción de «Virtualización» o «Virtualization» en caso que tu BIOS esté en inglés.
Das enter y cambias para Habilitar/activar la virtualización.
Por último salva y sal. Lee bien pues la misma BIOS te indica las teclas para realizar cada cosa.
Se iniciará normal tu computadora y prosigues con Paso 2.

En realidad puedes hacer el Paso 2 y luego Paso 3. Lo que sucede es que al abrir la aplicación de la distribución linux te saldrá un error, y pues deberás hacer Paso 3.

Saludos y que tengas un buen día.

Cómo crear cookies con PHP y comprobar si ya existen.

Marco Antonio León Matias — Sun, 26 Sep 2021 16:28:07 +0000

¿Qué son las cookies?

Son contenedores de información (mucha o poca) que una página web establece en el navegador del usuario, para que después, el mismo sitio web o terceros, lean esa información y la utilicen con un fin determinado.

Funciones y variables importantes que usaremos

En este escrito pretendo mostrar y enseñar como crear cookies y consultarlas usando PHP.

Las funciones y variables importantes que usaremos son:

setcookie()
key_exists()
empty()
$_COOKIE
$_POST
$_SERVER['HTTP_HOST']
header('Location: ')
exit

Crear ruta de carpetas

No importa donde vas a crear la carpeta del proyecto. Porque usaremos el comando

php - S localhost:8000

para correr el proyecto.

Llamaremos a nuestro proyecto "cookiesPHP". Entonces creamos una carpeta con el mismo nombre. Luego dentro de esa carpeta crearemos dos más. Una con el nombre de "cookies" y la otra con el nombre de "styles".

No te preocupes por el contenido de la carpeta "styles". Enseñarte CSS no es mi objetivo. Por lo tanto sólo copia y pega el código que está en la parte final de este escrito, que es lo correspondiente al contenido del archivo style.css que va dentro de la carpeta "styles".

Lo verdaderamente importante está en la carpeta raíz "cookiesPHP/" y en la subcarpeta "cookies/".

Creando archivos en carpetas

Dentro de la carpeta raíz del proyecto crearemos un archivo llamando "index.php". En la subcarpeta "cookies/" crearemos un archivo con el nombre "setCookie.php".

Dentro de la subcarpeta "styles/" vas a crear un archivo llamado "style.css" y pondrás lo que está al final de este escrito.

cookies/:
    -cookies/
       setCookie.php
    -styles/
       style.css
    -index.php

Contenido de archivo index.php

Creamos etiquetas comunes de html y le colocamos la etiqueta link que apuntara a nuestro archivo style.css dentro de la subcarpeta styles.

<! DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ventana</title>
    <link rel="stylesheet" href="styles/style.css">
</head>
<body>
<header>
    <h1>Web Page</h1>
</header>
<section> 
    <h2>Other title</h2>
</section>
</body>
</html

Hasta ahora nada nuevo. Bueno, pues procederemos a colocar código php.

Dentro de la etiqueta body, no importa donde, siempre y cuando sea dentro de body y fuera de cualquier otra etiqueta, colocaremos lo siguiente.

<?php
if(!key_exists('mycookie', $_COOKIE)) {
?>
    <div class="formCookie" >
        <h2>We use cookies to improve our websitie</h2>
        <form action="cookies/setCookie.php" method="post" >
            <input class="buttonCookieYes" name="yes" value="Yes" />
            <input class="buttomCookieNo" name="no" value="No" />
        </form>
        <p><small>We'll put a cookie to save your answer.</small></p>
    </div>
<?php
} 
?>

El código anterior se leería de la siguiente manera.

Si la llave(key) "mycookie" existe en la variable $_COOKIE entonces retornará FALSE, porque hacemos la negación con "!" y por lo tanto no aparecerá nuestro div con el formulario.

Pero en caso de que la llave(key) "mycookie" no exista en la variable $_COOKIE entonces retornará TRUE, por la misma razón del operador de negación lógico "!".

Recuerda, que con ese operador devolvemos lo contrario de un tipo booleano. TRUE se vuelve FALSE, y FALSE se vuelve TRUE. La función key_exists() retorna un booleano en caso de encontrar o no la llave dentro de un array. La variable $_COOKIE es un tipo array.

Si no existe la llave "mycookie" en $_COOKIE entonces mostraremos un div que contendrá un formulario. En ese formulario solo habrá dos botones(inputs tipo submit) uno con el atributo name="no" y el otro con el atributo name="yes". Una vez que se muestre, haremos que desaparezca ese formulario sólo cuando se oprima uno de los botones.

Esos atributos "name" serán tratados en el archivo "setCookie.php" que esta en la carpeta "cookie/".

Las clases que están colocadas son para darle estilos desde el archivo "style.css".

Contenido del archivo setCookie.php

Aquí usaremos las funciones y variables siguientes:

setcookie()
$_POST
$_SERVER['HTTP_HOST']
header()
exit.

Colocamos lo siguiente.

<?php
//primero obtenemos la url del sitio, en este caso será "localhost:8000" para usar esta variable en la función header() 

$uri = $_SERVER['HTTP_HOST'];

//Ahora comprobamos lo que recibimos desde el formulario. 
//Como usamos el método POST en el formulario, 
//debemos usar la variable $_POST. Y veremos si hay una llave/clave con el name="yes". 
//Por hacerlo simple, sólo comprobamos el botón "yes". En caso de que no exista esta llave en $_POST lo tomaremos como si se hubiera oprimido el botón "no". 

if(!empty($_POST['yes'])){
    $cookie = rand(1, 10000);
    $cookie .= str_shuffle('1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZ');
    $cookie .= date('d-m-Y');

    setcookie('mycookie', $cookie, time()+86400, '/', false, true);
    //regresamos al index.php o a la ruta http://localhost:8000/
    header("Location: http://$uri/" );
    exit;
}
else{
    $cookie = 0;

    setcookie('mycookie', $cookie, time()+86400, '/', false, true);

    header("Location: http://$uri/" );
    exit;
}

El código anterior se lee de la siguiente manera.

Si la variable $_POST['yes'] está vacía entonces sólo coloca una cookie con el valor 0 con tiempo de vida de un día.

$cookie = 0;

    setcookie('mycookie', $cookie, time()+86400, '/', false, true);

Pero si esa variable no está vacía, entonces crea una variable llamada $cookie que tendrá un numero entero aleatorio puesto con la función rand() de entre 1 a 10000. Luego a esa misma variable le agregamos un String ordenado de manera aleatoria usando la función str_shuffle(). Después le agregamos la fecha actual usando la función date('d-m-Y'). Esto realmente no es necesario para aprender como crear cookies. Pero me pareció interesante el uso de las funciones anteriores para crear una variable más compleja🤔.

Simplemente podríamos omitir las tres funciones anteriores; rand();str_shuffle();date(). La variable $cookie puede contener un String con tu nombre y listo👍.

La función más importante es setcookie(), esta función recibe varios argumentos. Los dos primeros argumentos son el nombre que tendrá la cookie a crear, y el segundo argumento es el valor que tendrá esa determinada cookie.

setcookie('mycookie', $cookie, time()+84600, '/','',false, true) ;

El tercer valor es el tiempo de vida que tendrá esa cookie. La función time() retornará el timestampb tipo Unix, que estará en segundos. Entonces nosotros con el operador "+" le sumamos 84600 segundos a ese valor dado por time(). 84600 segundos es un día. Por lo tanto nuestra cookie dudará un día.

setcookie('mycookie', $cookie, time()+84600, '/', false, true) ;

El cuarto argumento es la ruta donde se guardará la cookie. En este caso usamos la raíz "/". El quinto valor es el dominio del sitio web, en esta ocasión lo dejamos vacío.
Los dos últimos argumentos son para determinar seguridad https, y httponly. En se orden.

Siguiendo con el código. Una vez puesta la cookie en la ruta "/", con nombre "mycookie", con valor de un String compuesto dentro de la variable $cookie, y con un tiempo de vida de un día, regresaremos a la ruta http: //localhost:8000/ con la función header() y terminamos el script del archivo setCookie.php con la función exit.

La variable $uri la declaramos al inicio del archivo.

header("Location: http://$uri/" );
    exit;

El formulario para aceptar cookies desaparece.

Esto ya está resuelto. Porque desde que creamos la estructura condicional "if" en el archivo index.php ya preguntamos que hacer en caso de tener o no una llave determinada dentro de la variable tipo Array $_COOKIE.

Por lo tanto no importa si elegimos aceptar o no la cookie. Una vez dada nuestra repuesta ya no debería aparecer ese formulario. Solo hasta que la cookie expire.

Trata de que tus cookies duren más tiempo, de esta manera evitas que al usuario le aparezca ese formulario a veces molesto para algunos.

El usuario debe decidir entre aceptar las cookies o no.

Si tú no le das la oportunidad de negarse a aceptar una o muchas cookies, entonces estarías obligando al usuario a aceptar algo que el tal vez no quiere o no está de acuerdo.

Si tú creas cookies sin preguntarle al usuario, esas cookies se actualizarán automáticamente una vez el tiempo de vida de cada cookie termine, siempre y cuando el usuario vuelve al sitio web.

En ese sentido, haces que el usuario acepte algo de lo cual el desconoce su contenido y su fin.

Puedes guardar una cookie para salvar su respuesta en caso de negativa. Debes decirle que harás esta acción.

Contenido de style.css

Hice lo que pude en el tema del diseño. Puedes cambiar todo el archivo y las clases en el index.php.

*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
header, section{
    padding: 10px 8px;
    margin-bottom: 1em;
}
.formCookies{
    border-top: solid rgb(15, 15, 15);
    width: 100%;
    text-align: center;
    position: fixed;
    bottom: 0px;
    background-color: rgb(255, 248, 153);        
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.formCookies form{
    margin: 1em 0;
}
.buttonCookieYES{
    font-size: 1.2em;
    color: white;
    border: none;
    border-radius: 10px;
    background-color: rgb(43, 64, 250);
    padding: .4em .8em;
}
.buttonCookieYES:hover{
    color: white;
    background-color: rgb(78, 95, 252);
}
.buttonCookieYES:active{
    color: rgb(43, 64, 250);
    background-color: rgb(255, 255, 255);
}
.buttonCookieNO{
    font-size: 1.2em;
    border: none;
    border-radius: 10%;
    text-decoration: underline;
    background-color: rgb(255, 248, 153); 
    padding: .4em .8em;
}
.buttonCookieNO:hover{
    color: red;
}
.buttonCookieNO:active{
    color: white;
    background-color:red; 
}
h1,h2,h3,h4{
    margin-bottom: .5em;
}

Los comandos php artisan más usados, por mí.

Marco Antonio León Matias — Fri, 17 Sep 2021 02:55:56 +0000

🔶 ¿Qué es php artisan?

Es la interfaz de línea de comandos que viene junto a Laravel. Nos ayuda a administrar el proyecto de manera rápida y eficiente.

🔶 Los comandos que más utilizo son estos:

php artisan serve
php artisan make:model [nombre_de_Modelo_en_Singular] -a
php artisan make:controller [nombre_de_Controller] --model=[Modelo_que_se_conectara_con_el_controller]
php artisan migrate
php artisan migrate:fresh --seed
php artisan make:request [nombre]
php artisan make:resource [nombre_EstoCreara_7_rutasBasicasCRUD]
php artisan route:list
php artisan make:component [nombre].

🔶 php artisan serve

Yo utilizo XAMPP para probar mis proyectos en local. Por lo tanto el servidor inicia en la carpeta C:xampp\htdocs. En el navegador debes escribir algo como http ://localhost/proyectoUno. Lo que para mi es tedioso, y en caso de no colocar el nombre después de localhost/ te redireccionará al dashboard de xampp. Pero se complica más en caso de que uses Laravel, pues debes colocar algo como http ://localhost/proyectoUno/public.

Para mejorar esa experiencia yo utilizo desde la terminal de comandos y desde la carpeta de mi proyecto

php artisan serve

Esto iniciara el servidor local en http ://localhost:80. Parece poca la diferencia, pero es super practico.

Ojo. En el panel de XAMPP debes tener iniciado MySQL en caso de que trabajes con DB. Usar artisan serve no complicará su uso.

🔶 php artisan make:model [nombre_de_Modelo_en_Singular] -a

Este comando me ayuda a crear varias cosas a la vez.

Modelo dentro de app\Models.
Controller dentro de app\Http\Controllers, más su respectivo recurso(7 rutas) para realizar un CRUD.
Migrate dentro de database/migrations, es el archivo para definir nuestras tablas, y porteriormente subirlas a la DB con php artisan migrate.
Seeder dentro de database/seeders, para definir que datos/factories subir a la base de datos.
Factory dentro de database/factories, para definir con que llenar la tabla correspondiente con datos de prueba. Uso Faker para esa tarea.

Este comando

php artisan make:model [nombre_de_Modelo_en_Singular] -a

es mi mejor amigo 😎.

🔶 php artisan make:controller [nombre_de_Controller] --model=[Modelo_que_se_conectara_con_el_controller]

Aquí crearemos un controlador en app\Http\Controllers que se vinculara a un modelo especifico de la carpeta app\Models. No es muy complicado. Podemos hacerlo a mano. Pero es más rápido con artisan.

php artisan make:controller [nombre_de_Controller] --model=[Modelo_que_se_conectara_con_el_controller]

En caso que el modelo no exista, artisan te preguntará si quieres crearlo.

🔶 php artisan migrate

Con este, subirás todas tus migraciones que están en database/migrations. Así crearas las tablas con sus respectivas columnas y tipos de datos a tu DB(Ej. MySQL).

php artisan migrate

🔶 php artisan migrate:fresh --seed

Este es bonito. En caso de que hayas subido tus tablas(migraciones) a la DB, pero se te olvido llenarlas con datos de prueba los cuales definiste en sus factories, con este comando borrarás tus tablas y las volverás a subir pero con datos.🤓

Ojo. Yo utilizo el archivo DatabaseSeede.php que esta dentro de database/seeders. En la función run() invoco los factories.

php artisan migrate:fresh --seed

🔶 php artisan make:request [nombre]

Este nos ayuda a crear un archivo para validar los requests. Lo considero útil en caso de que no quieras validar los request dentro de tu controller. Es bueno aislar cierto códgo.

php artisan make:request [nombre]

🔶 php artisan make:resource [nombreRequest]

Muchas veces los sistemas tienen la misma base, Crear, Leer, Actualizar y Borrar. Este comando nos permite crear 7 rutas ya configuradas para realizar un CRUD. En realidad funciona si en tu archivo web.php que esta dentro de routes/ defines algo como:

Route::resource('/ruta', \App\Http\Controllers\rutaController::class);

Despues de tener esa línea de código, puedes ejecutar

php artisan make:resource [nombreRequest]

Ojo. Esto no creara el controller. Solo las rutas para ser usadas en tu controller. Las rutas están conectadas con las funciones(7) de tu controller.

🔶 php artisan route:list

Facil. En caso de que no sepas cuantas rutas tiene tu proyecto, este comando te dirá exactamente cuantas y cuales son.

php artisan route:list

🔶 php artisan make:component [nombre]

El sistema de plantillas de Blade que viene con Laravel es muy poderoso. Usar componentes nos ayudará a crear código más fácil de mantener y de leer, aunque no lo parezca a veces.

De hecho cada componente puede funcionar con sus propias consultas a base de datos o lógica de programación. Cuando creas un component en tu proyecto aparecerán dos carpetas importantes.

app\View\Components\nombreComponent.php aquí podrás desarrollar la lógica para ese único componente.
resources\views\components\nameComponent aquí crearas la vista y el diseño que como presentaras los datos.

Hay mucho que puedes aprender sobre los componentes Blade de Laravel. Son increíbles.

php artisan make:component [nombre]

🔴 Gracias por leer.

Sígueme en twitter @leonmatiasm, si gustas claro. 🐧