{"id":3921,"date":"2023-02-18T21:49:35","date_gmt":"2023-02-19T03:49:35","guid":{"rendered":"https:\/\/linuxitos.com\/main\/?p=3921"},"modified":"2023-02-18T21:49:59","modified_gmt":"2023-02-19T03:49:59","slug":"login-registro-laravel-10-fedora-37","status":"publish","type":"post","link":"https:\/\/linuxitos.com\/main\/login-registro-laravel-10-fedora-37\/","title":{"rendered":"Login, registro Laravel 10 | Fedora 37"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/linuxitos.com\/main\/wp-content\/uploads\/2023\/02\/laravel-10-auth.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"512\" src=\"https:\/\/linuxitos.com\/main\/wp-content\/uploads\/2023\/02\/laravel-10-auth.png\" alt=\"\" class=\"wp-image-3923\" srcset=\"https:\/\/linuxitos.com\/main\/wp-content\/uploads\/2023\/02\/laravel-10-auth.png 1024w, https:\/\/linuxitos.com\/main\/wp-content\/uploads\/2023\/02\/laravel-10-auth-300x150.png 300w, https:\/\/linuxitos.com\/main\/wp-content\/uploads\/2023\/02\/laravel-10-auth-768x384.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h1 class=\"wp-block-heading\">Contexto<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">En muchas aplicaciones web se requiere un login y registro de usuarios, iniciar sesi\u00f3n, cambiar contrase\u00f1a, etc. Laravel incluye unos comandos para crear una interfaz relativamente simple pero funcional sistema de logeo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">No es el m\u00e1s completo o m\u00e1s robusto, sin embargo cumple su cometido. Se crear\u00e1 un login b\u00e1sico con los comandos que ofrece laravel.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Entorno de desarrollo utilizado:<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Fedora 37 x86_64 como servidor<\/li>\n\n\n\n<li>XAMPP 8.2 como servidor de PHP<\/li>\n\n\n\n<li>Laravel 10<\/li>\n\n\n\n<li>Composer<\/li>\n\n\n\n<li>npm<\/li>\n<\/ul>\n\n\n\n<h1 class=\"wp-block-heading\">Proyecto<\/h1>\n\n\n\n<h2 class=\"wp-block-heading\">1.- Creaci\u00f3n del proyecto<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Crear un proyecto nuevo con Laravel 10 utilizando composer:<\/p>\n\n\n\n<pre style=\"background: #363F48; border-radius: 6px; border: 0px; box-sizing: border-box; color: white; font-family: menlo, monaco, monospace; font-style: inherit; font-weight: inherit; line-height: 15.68px; margin-bottom: 1.1em; max-width: 100%; outline: 0px; overflow: auto; padding: 13.125px 16.4062px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;\">composer create-project laravel\/laravel laravel-auth<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">2.- A\u00f1adir laravel\/ui<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">El paquete laravel\/ui contiene la funcionalidad para el frontend (scaffolding) que viene por defecto con (Bootstrap y Vue)\u00a0 <a href=\"https:\/\/packagist.org\/packages\/laravel\/ui\" target=\"_blank\" rel=\"noreferrer noopener\">leer m\u00e1s aqu\u00ed.<\/a><\/p>\n\n\n\n<pre style=\"background: #363F48; border-radius: 6px; border: 0px; box-sizing: border-box; color: white; font-family: menlo, monaco, monospace; font-style: inherit; font-weight: inherit; line-height: 15.68px; margin-bottom: 1.1em; max-width: 100%; outline: 0px; overflow: auto; padding: 13.125px 16.4062px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;\">composer require laravel\/ui<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">3.- Crear controladores, rutas y vistas<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Aqu\u00ed se crean las vistas, rutas y controladores de manera autom\u00e1tica, no se van a editar y personalizar en \u00e9ste ejemplo, se usar\u00e1n tal cual viene por defecto.<\/p>\n\n\n\n<pre style=\"background: #363F48; border-radius: 6px; border: 0px; box-sizing: border-box; color: white; font-family: menlo, monaco, monospace; font-style: inherit; font-weight: inherit; line-height: 15.68px; margin-bottom: 1.1em; max-width: 100%; outline: 0px; overflow: auto; padding: 13.125px 16.4062px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;\">php artisan ui bootstrap --auth<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">4.- Compilar e instalar<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Se lanza la configuraci\u00f3n de npm y se deja en ejecuci\u00f3n, porque se requiere para el funcionamiento del proyecto. Si marca alg\u00fan error puede ser porque \u00e9ste comando no est\u00e1 en ejecuci\u00f3n, en un pr\u00f3ximo art\u00edculo, se mostrar\u00e1 c\u00f3mo personalizar y usar bootstrap de manera externa<\/p>\n\n\n\n<pre style=\"background: #363F48; border-radius: 6px; border: 0px; box-sizing: border-box; color: white; font-family: menlo, monaco, monospace; font-style: inherit; font-weight: inherit; line-height: 15.68px; margin-bottom: 1.1em; max-width: 100%; outline: 0px; overflow: auto; padding: 13.125px 16.4062px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;\">npm install && npm run dev<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">5.- Realizar las migraciones a la base de datos<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Previo a realizar las migraciones, es necesario crear una base de datos y configurar el archivo .env que se localiza en el proyecto.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La base de datos en \u00e9ste ejemplo, se cre\u00f3 en phpmyadmin usando XAMPP, y se llam\u00f3 laravel_x_auth y por lo tanto el archivo .env quedar\u00eda configurado de la siguiente manera:<\/p>\n\n\n\n<pre style=\"background: #f2f2f2; border-radius: 2px; border: 1px solid #aaa; box-sizing: border-box; color: #222; font-family: menlo, monaco, monospace; font-style: inherit; font-weight: inherit; line-height: 15.68px; margin-bottom: 1.1em; max-width: 100%; outline: 0px; overflow: auto; padding: 13.125px 16.4062px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;\">DB_CONNECTION=mysql\nDB_HOST=127.0.0.1\nDB_PORT=3306\nDB_DATABASE=laravel_x_auth\nDB_USERNAME=root\nDB_PASSWORD=<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Una vez configurado el archivo ejecutar el comando siguiente:<\/p>\n\n\n\n<pre style=\"background: #363F48; border-radius: 6px; border: 0px; box-sizing: border-box; color: white; font-family: menlo, monaco, monospace; font-style: inherit; font-weight: inherit; line-height: 15.68px; margin-bottom: 1.1em; max-width: 100%; outline: 0px; overflow: auto; padding: 13.125px 16.4062px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;\">php artisan migrate<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">6.- Probar el proyecto<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Para iniciar el proyecto, ejecutar el comando:<\/p>\n\n\n\n<pre style=\"background: #363F48; border-radius: 6px; border: 0px; box-sizing: border-box; color: white; font-family: menlo, monaco, monospace; font-style: inherit; font-weight: inherit; line-height: 15.68px; margin-bottom: 1.1em; max-width: 100%; outline: 0px; overflow: auto; padding: 13.125px 16.4062px; vertical-align: baseline; white-space: pre-wrap; word-wrap: break-word;\">php artisan serve<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Abrir el navegador y deber\u00e1 mostrar lo siguiente: <a href=\"http:\/\/127.0.0.1:8000\" target=\"_blank\" rel=\"noreferrer noopener\">http:\/\/127.0.0.1:8000<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/linuxitos.com\/main\/wp-content\/uploads\/2023\/02\/image-2.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"627\" src=\"https:\/\/linuxitos.com\/main\/wp-content\/uploads\/2023\/02\/image-2-1024x627.png\" alt=\"\" class=\"wp-image-3924\" srcset=\"https:\/\/linuxitos.com\/main\/wp-content\/uploads\/2023\/02\/image-2-1024x627.png 1024w, https:\/\/linuxitos.com\/main\/wp-content\/uploads\/2023\/02\/image-2-300x184.png 300w, https:\/\/linuxitos.com\/main\/wp-content\/uploads\/2023\/02\/image-2-768x470.png 768w, https:\/\/linuxitos.com\/main\/wp-content\/uploads\/2023\/02\/image-2-1536x940.png 1536w, https:\/\/linuxitos.com\/main\/wp-content\/uploads\/2023\/02\/image-2.png 1629w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Aqu\u00ed un recorrido por las opcioneS:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/linuxitos.com\/main\/wp-content\/uploads\/2023\/02\/Peek-2023-02-18-21-46.gif\"><img loading=\"lazy\" decoding=\"async\" width=\"1224\" height=\"867\" src=\"https:\/\/linuxitos.com\/main\/wp-content\/uploads\/2023\/02\/Peek-2023-02-18-21-46.gif\" alt=\"\" class=\"wp-image-3926\"\/><\/a><\/figure>\n\n\n\n<h1 class=\"wp-block-heading\">Conclusi\u00f3n<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">\u00c9ste proceso de autenticaci\u00f3n es austero, pero funcional, lo que queda por realizar ahora, es personalizar las vistas, mensajes, dise\u00f1ar las p\u00e1ginas. Sin embargo, eso se realizar\u00e1 en post m\u00e1s adelante.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Contexto En muchas aplicaciones web se requiere un login y registro de usuarios, iniciar sesi\u00f3n, cambiar contrase\u00f1a, etc. Laravel incluye unos comandos para crear una interfaz relativamente simple pero funcional sistema de logeo. No es el m\u00e1s completo o m\u00e1s robusto, sin embargo cumple su cometido. Se crear\u00e1 un login b\u00e1sico con los comandos que [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3923,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1889,7],"tags":[1893,1892,1638,1891,1719],"class_list":["post-3921","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desarrollo-web","category-fedora","tag-auth-laravel","tag-auth-login","tag-laravel","tag-laravel-10","tag-login-laravel"],"_links":{"self":[{"href":"https:\/\/linuxitos.com\/main\/wp-json\/wp\/v2\/posts\/3921","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/linuxitos.com\/main\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/linuxitos.com\/main\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/linuxitos.com\/main\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/linuxitos.com\/main\/wp-json\/wp\/v2\/comments?post=3921"}],"version-history":[{"count":3,"href":"https:\/\/linuxitos.com\/main\/wp-json\/wp\/v2\/posts\/3921\/revisions"}],"predecessor-version":[{"id":3927,"href":"https:\/\/linuxitos.com\/main\/wp-json\/wp\/v2\/posts\/3921\/revisions\/3927"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/linuxitos.com\/main\/wp-json\/wp\/v2\/media\/3923"}],"wp:attachment":[{"href":"https:\/\/linuxitos.com\/main\/wp-json\/wp\/v2\/media?parent=3921"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/linuxitos.com\/main\/wp-json\/wp\/v2\/categories?post=3921"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/linuxitos.com\/main\/wp-json\/wp\/v2\/tags?post=3921"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}