Cómo generar vista previa de los correos con Laravel

Con Laravel la tortura de enviar correos quedó en el pasado, ahora, ¿estás seguro que envías la información correcta en los emails?, cierto que puedes verificar si te envías un email a ti mismo, pero ¿qué tal sería hacer una vista previa de los correos?. Bien, eso es lo que quiero mostrar con el complemento themsaid/laravel-mail-preview, el cual nos permite almacenar los correos como archivos html para su visualización.

Para comenzar, nos dirigimos en la consola (ubicados en la carpeta de nuestro proyecto) ejecutamos el siguiente comando:

composer require themsaid/laravel-mail-preview

composer require themsaid/laravel-mail-preview

Cuando se termine de descargar, agregamos el service provider en array de providers que podemos encontrar en el archivo config/app.php:

Themsaid\MailPreview\MailPreviewServiceProvider::class

Themsaid\MailPreview\MailPreviewServiceProvider::class

Perfecto, ahora puedes dirigirte a la consola y utilizar el siguiente comando para generar el archivo de configuración:

php artisan vendor:publish --provider="Themsaid\MailPreview\MailPreviewServiceProvider"

php artisan vendor:publish --provider="Themsaid\MailPreview\MailPreviewServiceProvider"

Ahora, en el archivo de configuración global .env cambiamos el manejador de emails para preview quedaría así:

MAIL_DRIVER=preview

MAIL_DRIVER=preview

Excelente, ya está instalado el complemento. Ahora a modo de ejemplo vamos a enviar un email, para ello vamos a crear un controlador llamado EmailController, con la siguiente línea de comando:

php artisan make:controller EmailController

php artisan make:controller EmailController

Colocamos la ruta en app/Http/routes.php:

Route::get('/email', [ 'as' => 'email', 'uses' => 'EmailController@index' ]);

Route::get('/email', [ 'as' => 'email', 'uses' => 'EmailController@index' ]);

Modificando el controlador, quedaría así:

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

use App\Http\Requests;

use Illuminate\Support\Facades\Mail;

class EmailController extends Controller

{

/**

* Display a listing of the resource.

* @return \Illuminate\Http\Response

public function index()

{

$data =array('email' => 'us@example.com');

Mail::send('emails.welcome', $data, function ($message) {

$message->from('us@example.com', 'Laravel');

$message->to('foo@example.com')->cc('bar@example.com');

});

print('Enviado');

}

<?php namespace App\Http\Controllers; use Illuminate\Http\Request; use App\Http\Requests; use Illuminate\Support\Facades\Mail; class EmailController extends Controller { /** * Display a listing of the resource. * * @return \Illuminate\Http\Response */ public function index() { $data =array('email' => 'us@example.com'); Mail::send('emails.welcome', $data, function ($message) { $message->from('us@example.com', 'Laravel'); $message->to('foo@example.com')->cc('bar@example.com'); }); print('Enviado'); }

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\Http\Requests;
use Illuminate\Support\Facades\Mail;

class EmailController extends Controller
{
    /**
     * Display a listing of the resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function index()
    {
        $data =array('email' => 'us@example.com');
        Mail::send('emails.welcome', $data, function ($message) {
           
            $message->from('us@example.com', 'Laravel');

            $message->to('foo@example.com')->cc('bar@example.com');
        });

        print('Enviado');
    }

Creamos una vista en resources/views/emails/welcome.blade.php, la cual quedaría así:

Nombre: Rafael Torrealba

Asunto: Email Preview

Telf: 123456

Texto de prueba para el email preview.

Nombre: Rafael Torrealba Asunto: Email Preview Telf: 123456 Texto de prueba para el email preview.

Nombre: Rafael Torrealba<br>
Asunto: Email Preview<br>
Telf: 123456<br>


<p>Texto de prueba para el email preview.</p>

Por último, nos dirigimos a la ruta_del_proyecto/email, visualizaremos la palabra Enviado.

Muy bien, ahora si revisamos la carpeta storage/email-previes veremos que se han generado nuevos archivos.

Si abrimos el archivo html generado veremos lo siguiente:

Y si vemos el código fuente de la página (Ctrl+u en Chrome), vamos a visualizar además del mensaje una cabecera comentada con toda la información referente al mensaje, ejemplo:

Espero que sea de su agrado y les sea de utilidad. Cuéntanos, ¿Qué te ha parecido?, comentarios y/o dudas son bien recibidas. Recuerda compartir este y demás tutoriales en las redes sociales.