Todos los pasos anteriores est\u00e1n cubiertos en Laravel. No es necesario escribir un c\u00f3digo para construir este sistema de creaci\u00f3n de usuarios.<\/p>\n
Dicho esto, echemos un vistazo al registro de usuario y al sistema de inicio de sesi\u00f3n en Laravel.<\/p>\n
Empezando<\/h3>\n
Para comenzar, debe estar listo con el proyecto Laravel. Si no lo tiene, cr\u00e9elo ejecutando el comando:<\/p>\n
composer create-project --prefer-dist laravel\/laravel laravel-dev<\/code><\/pre>\nAqu\u00ed ‘laravel-dev’ es el nombre del proyecto Laravel. El usuario puede cambiar este nombre.<\/p>\n
A continuaci\u00f3n, debe integrar la autenticaci\u00f3n de Laravel. Dir\u00edgete al directorio ra\u00edz del proyecto en la terminal y ejecuta los siguientes comandos uno por uno:<\/p>\n
composer require laravel\/ui --dev\nphp artisan ui vue --auth\nnpm install && npm run dev\n<\/code><\/pre>\nEstos comandos crear\u00e1n controladores de autenticaci\u00f3n como LoginController.php<\/code>, RegisterController.php<\/code>, etc, que se encuentra en el app\/Http\/Controllers\/Auth<\/code>directorio. Tambi\u00e9n crea vistas login.blade.php<\/code>, register.blade.php<\/code>en resources\/view\/auth<\/code>directorio.<\/p>\nLos comandos anteriores tambi\u00e9n crean un app.blade.php<\/code>archivo en el resources\/views\/layouts<\/code>directorio. Esta vista es un dise\u00f1o b\u00e1sico para la aplicaci\u00f3n. Utiliza el framework Bootstrap CSS pero el usuario puede personalizarlo y cambiar el dise\u00f1o.<\/p>\nEjecute el comando de migraci\u00f3n que crear\u00e1 una tabla de ‘usuarios’ en su base de datos.<\/p>\n
php artisan migrate<\/code><\/pre>\nAhora, si ejecuta el proyecto Laravel en el navegador, ver\u00e1 los enlaces para el formulario de inicio de sesi\u00f3n y registro.<\/p>\n
![\"Sistema](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20530-608200a2d1ee4.png\")
<\/a><\/p>\nEn esta etapa, los usuarios pueden crear su cuenta e iniciar sesi\u00f3n en el sitio web. Pero como mencion\u00e9 anteriormente, antes de que un usuario pueda acceder al sistema, deber\u00eda haber confirmado su cuenta.<\/p>\n
En el siguiente paso veremos c\u00f3mo realizar el proceso de verificaci\u00f3n de correo electr\u00f3nico de un usuario.<\/p>\n
verificacion de email<\/h3>\n
Al crear un sistema de registro, cuando el usuario se registra, env\u00eda un enlace de activaci\u00f3n a los usuarios. Este enlace de activaci\u00f3n se utilizar\u00e1 para verificar la cuenta de usuario. Una vez que el usuario hace clic en un enlace de activaci\u00f3n, lo activamos. En otras palabras, despu\u00e9s de verificar la cuenta, el usuario puede navegar por las p\u00e1ginas de su aplicaci\u00f3n.<\/p>\n
Laravel proporciona un sistema integrado del proceso de verificaci\u00f3n de correo electr\u00f3nico para un usuario reci\u00e9n registrado. Con este sistema, un usuario registrado recibir\u00e1 un correo electr\u00f3nico con un enlace de activaci\u00f3n. Al activar la cuenta, el usuario podr\u00e1 acceder al sistema.<\/p>\n
Abra el AppUser.php<\/code>archivo y aseg\u00farese de que el modelo ‘Usuario’ implemente el IlluminateContractsAuthMustVerifyEmail<\/code>contrato.<\/p>\n<?php\n\u00a0\nnamespace App;\n\u00a0\nuse IlluminateContractsAuthMustVerifyEmail;\nuse IlluminateFoundationAuthUser as Authenticatable;\nuse IlluminateNotificationsNotifiable;\n\u00a0\nclass User extends Authenticatable implements MustVerifyEmail\n{\n\u00a0\u00a0\u00a0\u00a0...\n\u00a0\u00a0\u00a0\u00a0...\n}<\/code><\/pre>\n\u00bfComo funciona? Si comprueba el archivo de migraci\u00f3n, la tabla ‘usuarios’ contiene una email_verified_at<\/code>columna. Esta columna se utilizar\u00e1 para verificar si el usuario ha activado su cuenta o no. Si la cuenta est\u00e1 activada, esta columna debe tener la fecha y hora de activaci\u00f3n.<\/p>\nCuando ejecuta el comando de autenticaci\u00f3n, crea una AuthVerificationController<\/code>clase que tiene l\u00f3gica escrita para enviar enlaces de verificaci\u00f3n y verificar correos electr\u00f3nicos. El desarrollador puede comprobar este archivo. Para registrar las rutas necesarias para este controlador, escriba las siguientes rutas en el routes\/web.php<\/code>archivo.<\/p>\nAuth::routes(['verify' => true]);<\/code><\/pre>\nEl usuario puede proteger sus rutas que deber\u00edan estar detr\u00e1s del inicio de sesi\u00f3n. Para proteger las rutas, debe aplicar middleware('verified')<\/code>a esas rutas. Despu\u00e9s de esto, solo las cuentas verificadas pueden acceder a estas rutas protegidas.<\/p>\nPuede escribir el c\u00f3digo para proteger la ruta de la siguiente manera:<\/p>\n
Route::get('profile', function() {\n\u00a0\u00a0\u00a0\u00a0return '<h1>This is profile page<\/h1>';\n})->middleware('verified');<\/code><\/pre>\nSi desea tener el control de d\u00f3nde redirigir al usuario despu\u00e9s de la verificaci\u00f3n, abra el AuthVerificationController<\/code>archivo. El archivo tiene la variable $redirectTo<\/code>que se utilizar\u00e1 para la redirecci\u00f3n. Cambie esta ruta seg\u00fan sus necesidades.<\/p>\nprotected $redirectTo = '\/home';<\/code><\/pre>\nInicio de sesi\u00f3n y registro de usuario<\/h3>\n
Ahora est\u00e1 listo para probar el sistema de inicio de sesi\u00f3n y registro de usuario. Como nos ocupamos del proceso de registro, su sistema deber\u00eda poder enviar un correo electr\u00f3nico. Puede utilizar el servidor SMTP de Gmail para enviar correos electr\u00f3nicos. Para obtener m\u00e1s detalles, lea nuestro art\u00edculo Env\u00edo de correo electr\u00f3nico a trav\u00e9s del servidor SMTP de Gmail en Laravel<\/a>.<\/p>\nInicie el servidor de desarrollo local con el comando:<\/p>\n
php artisan serve<\/code><\/pre>\nCree una cuenta de usuario en la p\u00e1gina de registro aqu\u00ed: http: \/\/ localhost: 8000 \/ register<\/a><\/p>\n<\/a><\/p>\nAl enviar un formulario, recibir\u00e1 el enlace de verificaci\u00f3n en su correo electr\u00f3nico de la siguiente manera:<\/p>\n
<\/a><\/p>\nTenga en cuenta que Laravel le permite iniciar sesi\u00f3n en su cuenta incluso si a\u00fan no ha verificado la cuenta. Pero no puede acceder a la ruta protegida.<\/p>\n
He agregado middleware para la ruta profile<\/code>. Sin verificar la cuenta, si intenta visitar la p\u00e1gina http: \/\/ localhost: 8000 \/ profile<\/a>, se redireccionar\u00e1 a la URL http: \/\/ localhost: 8000 \/ email \/<\/a> verify.<\/p>\n