Laravel 10

Cours Laravel 10 – les bases – envoyer un email

Laravel utilisait jusqu’à sa version 8 le célèbre composant SwiftMailer pour l’envoi des emails. Cela a changé dans la version 9 et Laravel utilise désormais le composant Symfony Mailer. Dans ce chapitre, nous allons prolonger l’exemple précédent de la prise de contact en ajoutant l’envoi d’un email à l’administrateur du site lorsque quelqu’un utilisateur soumet une demande de contact.

On va donc prendre le code tel qu’on l’a laissé lors du précédent chapitre et le compléter en conséquence.

On verra plus tard que Laravel propose aussi un système complet de notification qui permet entre autres l’envoi d’emails.

Le scénario

Le scénario est donc le même que pour le précédent chapitre avec l’ajout d’une action :

On va avoir les mêmes routes et vues, c’est uniquement au niveau du contrôleur que le code va évoluer pour intégrer cette action complémentaire.

Configuration

Si vous regardez dans le fichier .env vous trouvez une section qui concerne les emails :

MAIL_MAILER=smtp
MAIL_HOST=mailhog
MAIL_PORT=1025
MAIL_USERNAME=null
MAIL_PASSWORD=null
MAIL_ENCRYPTION=null
MAIL_FROM_ADDRESS="hello@example.com"
MAIL_FROM_NAME="${APP_NAME}"

Les premières valeurs correspondent au prestataire utilisé.

Au niveau du driver, le plus classique est certainement le SMTP, mais vous pouvez aussi utiliser sendmail, mailgun (gratuit jusqu’à 5 000 envois par mois), Postmark, ses

Vous devez correctement renseigner les paramètres pour que ça fonctionne selon votre contexte (en local avec le SMTP de votre prestataire, en production avec la fonction mail de PHP ou d’un autre système…).

La classe Mailable

Avec Laravel, pour envoyer un email, il faut passer par la création d’une classe « mailable ». Encore une fois, c’est Artisan qui va nous permettre de créer notre classe :

php artisan make:mail Contact

Comme le dossier n’existe pas, il est créé en même temps que le fichier de la classe :

Par défaut, on a ce code :

<?php

namespace App\Mail;

use Illuminate\Bus\Queueable;
use Illuminate\Contracts\Queue\ShouldQueue;
use Illuminate\Mail\Mailable;
use Illuminate\Mail\Mailables\Content;
use Illuminate\Mail\Mailables\Envelope;
use Illuminate\Queue\SerializesModels;

class Contact extends Mailable
{
    use Queueable, SerializesModels;

    /**
     * Create a new message instance.
     */
    public function __construct()
    {
        //
    }

    /**
     * Get the message envelope.
     */
    public function envelope(): Envelope
    {
        return new Envelope(
            subject: 'Contact',
        );
    }

    /**
     * Get the message content definition.
     */
    public function content(): Content
    {
        return new Content(
            view: 'view.name',
        );
    }

    /**
     * Get the attachments for the message.
     *
     * @return array<int, \Illuminate\Mail\Mailables\Attachment>
     */
    public function attachments(): array
    {
        return [];
    }
}

L’expéditeur

La fonction envelope est là pour désigner l’expéditeur (le from) et le sujet. On peut donc coder ces renseignements ici :

use Illuminate\Mail\Mailables\Address;

...

public function envelope(): Envelope
{
    return new Envelope(
        from: new Address('admin@contact.com', 'John Lennon'),
        subject: 'Contact',
    );
}

Mais si tous les mails doivent avoir le même expéditeur, autant le préciser dans le fichier .env :

MAIL_FROM_ADDRESS="admin@contact.com"
MAIL_FROM_NAME="John Lennon"

Le contenu

Pour le contenu du mail ça se passe dans la méthode content. On voit qu’on retourne une vue, celle-ci doit comporter le code pour le contenu de l’email.

On commence par changer le nom de la vue :

view: 'emails.contact',

On va créer le dossier emails et cette vue (resources/views/emails/contact.blade.php) :

Avec ce code :

<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="utf-8">
  </head>
  <body>
    <h2>Prise de contact sur mon beau site</h2>
    <p>Réception d'une prise de contact avec les éléments suivants :</p>
    <ul>
      <li><strong>Nom</strong> : {{ $contact['nom'] }}</li>
      <li><strong>Email</strong> : {{ $contact['email'] }}</li>
      <li><strong>Message</strong> : {{ $contact['message'] }}</li>
    </ul>
  </body>
</html>

Pour que ça fonctionne, on doit transmettre à cette vue les entrées de l’utilisateur. Il faut donc passer les informations à la classe Contact à partir du contrôleur.

On peut aussi créer des email en Markdown.

Transmission des informations à la vue

Il y a deux façons de procéder pour transmettre les informations, nous allons utiliser la plus simple. Il suffit de créer une propriété obligatoirement publique dans la classe Mailable et celle-ci sera automatiquement transmise à la vue. Voici le nouveau code de notre classe :

<?php

namespace App\Mail;

use Illuminate\Bus\Queueable;
use Illuminate\Contracts\Queue\ShouldQueue;
use Illuminate\Mail\Mailable;
use Illuminate\Mail\Mailables\Content;
use Illuminate\Mail\Mailables\Envelope;
use Illuminate\Queue\SerializesModels;
use Illuminate\Mail\Mailables\Address;

class Contact extends Mailable
{
    use Queueable, SerializesModels;

    /**
     * Elements de contact
     * @var array
     */
    public $contact;
 
    /**
     * Create a new message instance.
     *
     * @return void
     */
    public function __construct(Array $contact)
    {
        $this->contact = $contact;
    }

    /**
     * Get the message envelope.
     */
    public function envelope(): Envelope
    {
        return new Envelope(
            from: new Address('admin@contact.com', 'John Lennon'),
            subject: 'Contact',
        );
    }

    /**
     * Get the message content definition.
     */
    public function content(): Content
    {
        return new Content(
            view: 'emails.contact',
        );
    }

    /**
     * Get the attachments for the message.
     *
     * @return array<int, \Illuminate\Mail\Mailables\Attachment>
     */
    public function attachments(): array
    {
        return [];
    }
}

On pourrait attacher un document avec attach, faire une copie avec cc

J’ai créé la propriété publique $contact qui sera renseignée par l’intermédiaire du constructeur.

Il ne reste plus qu’à modifier le contrôleur pour envoyer cet email avec les données nécessaires :

<?php 
 
namespace App\Http\Controllers;

use Illuminate\View\View;
use Illuminate\Http\Response;
use App\Http\Requests\ContactRequest;
use Illuminate\Support\Facades\Mail;
use App\Mail\Contact;
 
class ContactController extends Controller
{
    public function create(): View
    {
        return view('contact');
    }
 
    public function store(ContactRequest $request): view
    {
        Mail::to('administrateur@chezmoi.com')
            ->send(new Contact($request->except('_token')));

        return view('confirm');
    }
}

Tout se passe sur cette ligne :

Mail::to('administrateur@chezmoi.com')
    ->send(new Contact($request->except('_token')));

On a :

  • l’adresse de l’administrateur (to),
  • l’envoi avec la méthode send,
  • la création d’une instance de la classe Contact avec la transmission des données saisies (mis à part le token pour la protection CSRF qui ne sert pas).

Et si tout se passe bien le message doit arriver jusqu’à l’administrateur :

Comme l’envoi d’emails peut prendre beaucoup de temps, on utilise en général une file d’attente (queue). Il faut changer ainsi le code dans le contrôleur :

Mail::to('administrateur@chezmoi.com')
            ->queue(new Contact($request->except('_token')));

Mais évidemment pour que ça fonctionne il faut avoir paramétré et lancé un système de file d’attente. J’en parlerai sans doute dans un chapitre ultérieur.

Test de l’email

Quand on crée la vue pour l’email, il est intéressant de voir l’aspect final avant de faire un envoi réel. Pour le faire il suffit de créer une simple route :

Route::get('/test-contact', function () {
    return new App\Mail\Contact([
    	'nom' => 'Durand',
    	'email' => 'durand@chezlui.com',
    	'message' => 'Je voulais vous dire que votre site est magnifique !'
    	]);
});

Maintenant en utilisant l’url monsite/test-contact, on obtient l’aperçu directement dans le navigateur !

Envoyer des emails en phase développement

Le mode Log

Lorsqu’on est en phase de développement, il n’est pas forcément pratique ou judicieux d’envoyer réellement des emails. Une solution simple consiste à passer en mode Log en renseignant le driver dans le fichier .env :

MAIL_MAILER=log

Les emails ne seront pas envoyés, mais le code en sera mémorisé dans le fichier des logs :

Vous allez y trouver par exemple ce contenu :

[2023-02-05 17:15:19] local.DEBUG: From: John Lennon <admin@contact.com>
To: administrateur@chezmoi.com
Subject: Contact
MIME-Version: 1.0
Date: Sun, 05 Feb 2023 17:15:19 +0000
Message-ID: <a4e1070e4b5a72b9752310c11e80d8d4@contact.com>
Content-Type: text/html; charset=utf-8
Content-Transfer-Encoding: quoted-printable

<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="utf-8">
  </head>
  <body>
    <h2>Prise de contact sur mon beau site</h2>
    <p>Réception d'une prise de contact avec les éléments suivants :</p>
    <ul>
      <li><strong>Nom</strong> : Dupont</li>
      <li><strong>Email</strong> : dupont@plop.fr</li>
      <li><strong>Message</strong> : Super !</li>
    </ul>
  </body>
</html>

Ce qui vous permet de vérifier que tout se passe correctement (hormis l’envoi).

MailTrap

Une autre possibilité très utilisée est MailTrap qui a une option gratuite (une boîte, avec 50 messages au maximum et 2 messages par seconde). Vous avez un tableau de bord et une boîte de messages :

J’ai fait apparaître les configurations pour Laravel. Il est ainsi facile de renseigner le fichier .env :

MAIL_DRIVER=smtp
MAIL_HOST=sandbox.smtp.mailtrap.io
MAIL_PORT=2525
MAIL_USERNAME=login
MAIL_PASSWORD=passe
MAIL_ENCRYPTION=null

Mettez l’encryption à null si vous avez des soucis à ce niveau.

Avec cette configuration lorsque j’envoie‌ un email je le vois arriver :

Vous pouvez analyser l’email avec précision, je vous laisse découvrir toutes les options.

En résumé

  • Laravel permet l’envoi simple d’email.
  • Il faut configurer correctement les paramètres pour l’envoi des emails.
  • Pour chaque email, il faut créer une classe « mailable ».
  • On peut passer des informations à l’email en créant une propriété publique dans la classe « mailable ».
  • On peut passer en mode Log en phase de développement ou alors utiliser MailTrap.
Print Friendly, PDF & Email

2 commentaires

Laisser un commentaire