Novedad Laravel 6: Paquete UI

Si ya estas iniciando pruebas o comienzas un nuevo proyecto en Laravel 6 o Laravel 7 habrás notado que ejecutando el comando:

artisan make:auth

obtienes el mensaje de error:

Command “make:auth” is not defined (El comando make:auth no esta definido).

De igual forma si estas acostumbrado a usar Laravel Mix, bootstrap y vuejs vas a notar que ya no están disponibles de forma inicial en la instalación.

Esto se debe a que Laravel 6 no te obliga a tener un set inicial para el frontend si no lo requieres; como en el caso de la creación de un API.

¿Cómo puedo tener todo funcionando como antes?

no te preocupes, para tener el comportamiento original solo es necesario instalar el paquete laravel/ui y vamos a ver como tener el Login de laravel funcionando paso a paso.

La idea de separar todo esto en un paquete es proporcionar mayor flexibilidad en la instalación de tecnologías de frontend.

Si deseas ver como se hace la instalación de la autenticación y luego ver los detalles puedes ver el vídeo.

Instalación rápida de Auth (Laravel Installer)

Se agrego una actualización al comando Laravel Instaler que te permite crear un proyecto que incluya la autentificación con bootstrap y vuejs, sin necesidad de que tengas que instalar el paquete laravel/ui de forma manual, y esto esta genial porque nos ahorra unos cuantos pasos.

Instalación de Laravel Installer

Si no lo tienes instalado esto se hace de forma muy sencilla usando composer:

composer global require laravel/installer

si ya usas este comando entonces solo tienes que actualizar a la nueva versión.

composer global update laravel/installer

Finalmente solo tienes que crear tu proyecto y decirle a Laravel Installer que agregue la autenticación de la siguiente forma.

laravel new tu-proyeccto --auth

Y eso es todo!.

Instalación versión larga (composer require laravel/ui)

Para utilizar el paquete UI solo tienes que ejecutar composer.

composer require laravel/ui

Al finalizar la instalación tendrás disponibles dos comandos en la terminal

• ui
• ui:auth

El comando ui y ui:auth

Vamos a ver a detalle como podemos usar estos nuevos comando de Laravel

Comando ui:auth

Este comando te permite instalar las rutas y las vistas necesarias para trabajar con el login, registro, recuperación de contraseñas y verificación de E-mail.

Las vistas por defecto usan bootstrap.

Puede hacer uso de este comando mediante artisan

artisan ui:auth

Es importante decirte que esto no instala los estilos, ni ningún framework de Javascript como vuejs.

Si quieres que bootstrap o vuejs se integre a tu proyecto como en las versiones anteriores de Laravel, necesitas usar el comando ui

Comando ui

Este comando nos ayuda a agregar todos los assets necesario para tener bootstrap, vuejs o react.

Su uso es muy simple, solo tienes que ejecutar el comando artisan y decirle que es lo que quieres instalar.

php artisan ui bootstrap
php artisan ui vue //instala boostrap de forma adicional
php artisan ui react //instala bootstrap de forma adicional

Después de ejecutar el comando, necesitas instalar las dependencias y compilar los archivos necesarios usando npm.

npm install
npm run dev

Todo en uno

Lo he mencionado muchas veces, Laravel es increíblemente conveniente así que también puedes instalar todo de una vez si así lo requieres.

php artisan ui bootstrap --auth
php artisan ui vue --auth
php artisan ui react --auth

Resumen

Como hemos visto tener nuevamente la autenticacion de usuarios en Laravel es tan sencillo como instalar el paquete oficial.

Para finalizar los pasos necesarios para tener todo funcionando como antes y sin dolor, son los siguientes.

• instalar laravel/ui
• ejecutar el comando php artisan ui vue --auth
• ejecutar npm install y npm run dev

Si te gusto el articulo comparte y deja tu comentario!,