Laravel

Componentes relacionados con la interfaz de usuario: autenticación y registro de usuarios y manejo del front-end (Bootstrap, Vuejs…)

composer require laravel/ui

La instalación proporcionará el comando nuevo ui para Artisan.

php artisan ui bootstrap --auth

Esto generará cambios en los ficheros package.json y composer.json con las nuevas dependencias.

También se añaden rutas nuevas (routes/web.php).

Migraciones para el restablecimiento de contraseñas:

php artisan migrate:fresh --seed

También hay nuevos controladores dentro de la carpeta app/Http/Controllers/Auth.

Nuevas vistas en resources/views/auth.

En routes/web.php vemos:

// Registra todas las rutas relacionadas con el login, logout, recuperación de la contraseña, verificación de e-mail...
Auth::routes();
 
// Redirección cuando el usuario se autentica correctamente:
Route::get("/home", "HomeController@index")->name("home");

Laravel Vite se lanzó con Laravel 9 y pretende reemplazar progresivamente a Laravel Mix.

En general, es cuestión de tener en cuenta que, durante el curso o cualquier otra fuente, cuando sea vea el uso de npm run dev (con Mix), debes usar con npm run build (su equivalente en Vite). Y, cuando se vea npm run watch (en Mix), usar npm run dev.

Compilar CSS y JS.

• Laravel Mix

En el fichero webpack.mix.js vemos que lo que se encuentre en ciertas rutas, se compilarán a otras:

mix.js("resources/js/app.js", "public/js")
    .sass("resources/sass/app.scss", "public/css");

Laravel Mix necesita Nodejs que incluye npm para poder instalar las dependencias del frontend:

npm install

Se creará la carpeta node_modules (no debe sincronizarse con producción).

Ahora, para realizar la compilación de los ficheros SCSS y JS:

npm run dev

Las rutas se protegen gracias a un middleware. Un middleware proporciona un enlace entre sistemas independientes.

Podemos ver el ejemplo del controlador HomeController.php:

// code
public function __construct() 
{
    $this->middleware("auth");
}

Se aplica el middleware auth que se va a aplicar. Este verifica si el usuario ha iniciado sesión.

En las páginas donde queramos restringir el acceso a usuarios registrados, vamos a su controlador:

class ProductController extends Controller
{
 
   public function __construct() {
       $this->middleware("auth");
   }
 
   // code
}

Todas las rutas y acciones que tiene el controlador anterior, estarán protegidas por el middleware.

Podríamos indicar qué función proteger:

class ProductController extends Controller
{
 
   public function __construct() {
       $this->middleware("auth")->only("index");
   }
 
   // code
}

Aplicar protección a todas excepto a algunas:

class ProductController extends Controller
{
 
   public function __construct() {
       $this->middleware("auth")->except(["index", "create"]);
   }
 
   // code
}