{"id":665,"date":"2024-11-07T11:11:28","date_gmt":"2024-11-07T11:11:28","guid":{"rendered":"https:\/\/alexpadulles.es\/blog\/?p=665"},"modified":"2025-01-20T22:32:39","modified_gmt":"2025-01-20T22:32:39","slug":"verificar-email-api-laravel","status":"publish","type":"post","link":"https:\/\/alexpadulles.es\/blog\/verificar-email-api-laravel\/","title":{"rendered":"Verificar Email API Laravel"},"content":{"rendered":"

<\/h2>\n

En este art\u00edculo, vamos a Verificar Email API Laravel<\/strong> para\u00a0 que funcione a la perfecci\u00f3n con el frontend. La idea es simple: cuando el usuario hace clic en el enlace de verificaci\u00f3n que le enviamos por correo, queremos que sea redirigido a una p\u00e1gina de \u00e9xito en la aplicaci\u00f3n frontend, en lugar de llevarlo a la pantalla de inicio de sesi\u00f3n o a cualquier otro sitio que pueda generar confusi\u00f3n.<\/p>\n

Este enfoque es ideal para proyectos donde no usamos las vistas de Laravel tradicionales (como Blade<\/a>), sino que trabajamos \u00fanicamente con APIs<\/a> que interact\u00faan directamente con el frontend. Aqu\u00ed te explicar\u00e9 c\u00f3mo hacer que tu API maneje la verificaci\u00f3n del email de una manera fluida y sin vueltas, logrando una experiencia mucho m\u00e1s intuitiva para el usuario.<\/p>\n

\u00bfNecesitas un\u00a0programador\u00a0<\/strong>?\u00a0Contacta conmigo<\/a><\/p>\n

Problema Com\u00fan en Verificar Email API Laravel<\/strong><\/h2>\n

Un problema frecuente es que, al hacer clic en el enlace de verificaci\u00f3n, el usuario es redirigido a la p\u00e1gina de inicio de sesi\u00f3n en lugar de ser marcado como verificado y redirigido al frontend. Este inconveniente se debe a que la ruta de verificaci\u00f3n requiere autenticaci\u00f3n. La soluci\u00f3n consiste en manejar la verificaci\u00f3n sin exigir que el usuario est\u00e9 autenticado en el momento de hacer clic en el enlace.<\/p>\n

Soluci\u00f3n Propuesta<\/h2>\n

Para implementar la verificaci\u00f3n de email sin necesidad de autenticaci\u00f3n, seguiremos estos pasos:<\/p>\n

    \n
  1. Configurar el modelo User<\/code> para que implemente MustVerifyEmail<\/code>.<\/li>\n
  2. Crear el controlador de autenticaci\u00f3n (AuthController<\/code>) para registrar usuarios y enviar la notificaci\u00f3n de verificaci\u00f3n.<\/li>\n
  3. Definir las rutas para la verificaci\u00f3n y el reenv\u00edo del enlace de verificaci\u00f3n en api.php<\/code>.<\/li>\n
  4. Crear el controlador VerifyEmailController<\/code> para manejar la verificaci\u00f3n sin autenticaci\u00f3n.<\/li>\n<\/ol>\n

    Implementaci\u00f3n Paso a Paso para Verificar Email API Laravel<\/strong><\/h2>\n

    1. Configurar el Modelo User<\/code><\/h3>\n

    Para implementar\u00a0 Verificar Email API Laravel <\/strong>Aseg\u00farate de que el modelo User<\/code> implemente MustVerifyEmail<\/code> y de tener configurado HasApiTokens<\/code> para manejar los tokens de acceso.<\/p>\n

    \r\nnamespace App\\Models;\r\n\r\nuse Illuminate\\Contracts\\Auth\\MustVerifyEmail;\r\nuse Illuminate\\Database\\Eloquent\\Factories\\HasFactory;\r\nuse Illuminate\\Foundation\\Auth\\User as Authenticatable;\r\nuse Illuminate\\Notifications\\Notifiable;\r\nuse Laravel\\Passport\\HasApiTokens;\r\n\r\nclass User extends Authenticatable implements MustVerifyEmail\r\n{\r\n    use HasFactory, Notifiable, HasApiTokens;\r\n\r\n    protected $fillable = [\r\n        'name',\r\n        'email',\r\n        'password',\r\n    ];\r\n\r\n    protected $hidden = [\r\n        'password',\r\n        'remember_token',\r\n    ];\r\n\r\n    protected $casts = [\r\n        'email_verified_at' => 'datetime',\r\n    ];\r\n}\r\n\r\n<\/code><\/pre>\n
    \"Verificar
    Verificar Email API Laravel<\/p><\/div>\n
    \r\n<\/code><\/pre>\n
    2. Crear el Controlador de Autenticaci\u00f3n<\/h3>\n
    En AuthController<\/code>, configuramos la l\u00f3gica de registro y login de usuario, generamos un token de acceso para cada usuario y enviamos la notificaci\u00f3n de verificaci\u00f3n.<\/p>\n
    \r\nnamespace App\\Http\\Controllers;\r\n\r\nuse App\\Models\\User;\r\nuse Illuminate\\Http\\Request;\r\nuse Illuminate\\Auth\\Events\\Registered;\r\n\r\nclass AuthController extends Controller\r\n{\r\n    public function register(Request $request)\r\n    {\r\n        $validatedData = $request->validate([\r\n            'name' => 'required|max:55',\r\n            'email' => 'email|required|unique:users',\r\n            'password' => 'required|confirmed'\r\n        ]);\r\n\r\n        $validatedData['password'] = bcrypt($request->password);\r\n\r\n        $user = User::create($validatedData);\r\n\r\n        event(new Registered($user));\r\n\r\n        $accessToken = $user->createToken('authToken')->accessToken;\r\n\r\n        return response(['user' => $user, 'access_token' => $accessToken]);\r\n    }\r\n\r\n    public function login(Request $request)\r\n    {\r\n        $loginData = $request->validate([\r\n            'email' => 'email|required',\r\n            'password' => 'required'\r\n        ]);\r\n\r\n        if (!auth()->attempt($loginData)) {\r\n            return response(['message' => 'Invalid Credentials']);\r\n        }\r\n\r\n        $accessToken = auth()->user()->createToken('authToken')->accessToken;\r\n\r\n        return response(['user' => auth()->user(), 'access_token' => $accessToken]);\r\n    }\r\n}\r\n<\/code><\/pre>\n
    3. Definir las Rutas de Verificaci\u00f3n y Reenv\u00edo de Enlace<\/h3>\n
    En el archivo api.php<\/code>, definimos la ruta de verificaci\u00f3n de email y el reenv\u00edo del enlace de verificaci\u00f3n. La ruta de verificaci\u00f3n no tiene el middleware auth<\/code>, por lo que no requiere autenticaci\u00f3n.<\/p>\n
    \r\n\/\/ Verify email\r\nRoute::get('\/email\/verify\/{id}\/{hash}', [VerifyEmailController::class, '__invoke'])\r\n    ->middleware(['signed', 'throttle:6,1'])\r\n    ->name('verification.verify');\r\n\r\n\/\/ Resend link to verify email\r\nRoute::post('\/email\/verify\/resend', function (Request $request) {\r\n    $request->user()->sendEmailVerificationNotification();\r\n    return back()->with('message', 'Verification link sent!');\r\n})->middleware(['auth:api', 'throttle:6,1'])->name('verification.send');\r\n<\/code><\/pre>\n
    4. Crear el Controlador de Verificaci\u00f3n de Email<\/h3>\n
    Finalmente, creamos VerifyEmailController<\/code> para verificar el email del usuario sin autenticaci\u00f3n. Este controlador busca al usuario por su id<\/code>, y si no ha sido verificado, marca el email como verificado y redirige al frontend a una p\u00e1gina de \u00e9xito o error.<\/p>\n
    \r\nnamespace App\\Http\\Controllers;\r\n\r\nuse Illuminate\\Auth\\Events\\Verified;\r\nuse Illuminate\\Http\\RedirectResponse;\r\nuse Illuminate\\Http\\Request;\r\nuse Illuminate\\Routing\\Controller;\r\nuse App\\Models\\User;\r\n\r\nclass VerifyEmailController extends Controller\r\n{\r\n    public function __invoke(Request $request): RedirectResponse\r\n    {\r\n        $user = User::find($request->route('id'));\r\n\r\n        if ($user->hasVerifiedEmail()) {\r\n            return redirect(env('FRONT_URL') . '\/email\/verify\/already-success');\r\n        }\r\n\r\n        if ($user->markEmailAsVerified()) {\r\n            event(new Verified($user));\r\n        }\r\n\r\n        return redirect(env('FRONT_URL') . '\/email\/verify\/success');\r\n    }\r\n}\r\n<\/code><\/pre>\n
    Explicaci\u00f3n de la Soluci\u00f3n<\/h2>\n
      \n
    • La ruta de verificaci\u00f3n de email no requiere autenticaci\u00f3n, lo que permite a los usuarios verificar su email sin tener que iniciar sesi\u00f3n.<\/li>\n
    • El controlador VerifyEmailController<\/code> utiliza el id<\/code> en la URL para buscar al usuario y, si no est\u00e1 verificado, marca el email como verificado y lanza el evento Verified<\/code>.<\/li>\n
    • Redirigimos al frontend a una p\u00e1gina de \u00e9xito o a una de mensaje si el usuario ya hab\u00eda verificado su email.<\/li>\n<\/ul>\n
      Conclusi\u00f3n<\/h2>\n
      Esta implementaci\u00f3n permite que el usuario verifique su email a trav\u00e9s de un enlace enviado en su bandeja de entrada sin necesidad de autenticarse. La soluci\u00f3n es ideal para aplicaciones frontend que consumen una API Laravel y requieren flujos de autenticaci\u00f3n simplificados.<\/p>\n
      Contacto<\/h3>\n
      Si necesitas servicios de desarrollo para tu empresa , estoy aqu\u00ed para ayudarte. Ofrezco soluciones personalizadas y de alta calidad para satisfacer tus necesidades. Para m\u00e1s informaci\u00f3n o para discutir tu proyecto, cont\u00e1ctame a traves del siguiente bot\u00f3n<\/p>\n