Serveur : Installer un serveur SMTP pour visualiser et tester vos emails pendant le développement – Maildev

Serveur : Installer un serveur SMTP pour visualiser et tester vos emails pendant le développement - maildev

Dans le processus de développement (en local) de nos sites ou applications web, il arrive très souvent de faire face à un problème d’envoi d’emails et plus encore d’avoir un aperçu des emails que nous envoyons. Pour régler ce problème, un outil du nom de Maildev va nous être très pratique. En plus, il est très facile d’utilisation.

En effet, Meldev est un serveur SMTP disposant d’une interface web dont le but est d’intercepter les emails émis et de les afficher via son interface moderne. Vous trouverez plus d’infos sur le site officiel : https://maildev.github.io/maildev/.

Installation

Il existe différentes façons d’installer Maildev mais nous allons nous intéresser dans ce tuto de celle avec npm. Pour ce faire, vous deviez avoir installé Node.js. Si ce n’est pas le cas, téléchargez la version recommandée et installez.
Après l’installation de Node.js, ouvrez votre console et tapez cette commande pour installer Maildev.

npm install -g maildev
Capture de l’installation de Maildev sur windows via la console de Visual Studio Code

Après l’installation de Maildev, vous pouvez le lancer via simplement cette commande :

maildev
Le serveur maildev lancé


La deuxième ligne est l’adresse de l’interface web. Il se pourrait que vous ayez une erreur en tapant dans le navigateur cette adresse http://0.0.0.0:1080. Tapez plutôt http://localhost:1080 ou encore http://127.0.0.1:1080 et vous avez l’interface :


La troisième ligne nous donne le port utilisé c’est-à-dire 1025


Testons l’envoi d’email

Pour tester l’envoi de nos emails, il va falloir renseigner ces deux informations à savoir l’adresse du serveur SMTP et le port.
Dans notre cas, nous voulons juste utiliser un simple fichier php pour tester l’envoi des emails. Pour ce faire, nous allons juste modifier la valeur de smtp_port à 1025 dans notre fichier php.ini. L’emplacement de ce fichier peut changer en fonction de votre serveur web (xampp, wamp, laragon, …).

NB: Après cette modification, vous devez redémarrer votre serveur web (xampp, wamp, laragon, …).

Dans notre fichier php, nous allons juste mettre ce code :

<?php
    $to = 'visiteur@monsite.com'; // Le destinataire
    $subject = 'Le sujet du mail'; // L'objet
    $message = 'Le message du mail'; // Le contenu
    $headers = 'From: Webmaster<webmaster@monsite.com>'."\n";
    $headers .= 'Reply-To: webmaster@monsite.com';

    mail($to, $subject, $message, $headers);    
?>

En exécutant, maildev intercepte l’email :

Vous pouvez voir les détails de l’entête de l’email en cliquant sur Display ensuite Headers au dessus du contenu de l’email :

15 réactions sur “ Serveur : Installer un serveur SMTP pour visualiser et tester vos emails pendant le développement – Maildev ”

  1. best CBD oil for pain Réponse

    This is very interesting, You are a very skilled blogger.
    I’ve joined your rss feed and look forward to seeking more of your magnificent post.
    Also, I have shared your site in my social networks!

  2. cbd gummies Réponse

    It’s really a nice and helpful piece of information. I’m glad that you shared this helpful info with us.
    Please stay us informed like this. Thanks for sharing.

  3. turkce Réponse

    I want to express my passion for your generosity in support of people that need help with this particular area of interest. Your real commitment to getting the solution across had been astonishingly important and have surely permitted men and women like me to reach their aims. Your personal invaluable help entails a great deal to me and far more to my fellow workers. Warm regards; from each one of us. Nicolette Fransisco Vaenfila

  4. best cbd gummies for pain Réponse

    Hello there, just became aware of your blog through Google, and found that it’s truly informative.
    I am going to watch out for brussels. I’ll appreciate if you continue this in future.
    Many people will be benefited from your writing. Cheers!

  5. cbd for dogs Réponse

    I like what you guys are usually up too. This
    sort of clever work and coverage! Keep up the good works guys I’ve incorporated you guys to
    blogroll.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *