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
Après l’installation de Maildev, vous pouvez le lancer via simplement cette commande :
maildev
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 :
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!
Thank you for your message and your support
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.
No problem, thank you
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
Thank you for your comment
What’s up, I want to subscribe for this website to obtain most up-to-date updates, thus
where can i do it please assist.
Hello,
thank you for your message. I will put a newsletter for this purpose
This is a really good tip especially to those fresh to the blogosphere.
Brief but very accurate info… Appreciate your sharing this
one. A must read post!
It’s very kind, thank you
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!
Hello,
your comment is appreciated. Thank you
Great site you’ve got here.. It’s hard to find high quality writing like yours nowadays.
I truly appreciate people like you! Take care!!
thank you
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.