Envoyer un mail avec SmtpJS
1. Introduction
SMTP.js est une bibliothèque JavaScript très légère qui permet aux applications web orientées front-end d'envoyer des mails directement depuis le client via le protocole SMTP (Simple Mail Transfer Protocol).
Cette bibliothèque convient surtout aux projets de petite envergure ou aux tests. Pour un usage en production ou dans des projets où la sécurité est importante, il est recommandé d'utiliser un service d'email offrant une meilleure sécurité.
2. Utilisation de SmtpJS
Pour utiliser SmtpJS, il faut ajouter la balise script dans ton code comme ceci :
<script src=“https://smtpjs.com/v3/smtp.js”></script>Voici un exemple complet d'utilisation de SmtpJS dans une page Html :
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Envoyer un email avec SMTP.js</title>
<script src="https://smtpjs.com/v3/smtp.js"></script>
</head>
<body>
<header>
<h1>Application d'envoi d'email</h1>
<p>Cliquez sur le bouton ci-dessous pour envoyer un email avec SMTP.js</p>
</header>
<button onclick="sendEmail()">Envoyer un email</button>
<script>
function sendEmail() {
Email.send({
Host: "smtp.servicesmtp.com",
Username: "nom_utilisateur",
Password: "mot_de_passe",
To: 'destinataire@example.com',
From: "expediteur@example.com",
Subject: "Email",
Body: "Ceci est un email de test envoyé avec SMTP.js"
})
.then(function (message) {
alert("Email envoyé avec succès")
});
}
</script>
</body>
</html>3. Configuration
Le nom d'utilisateur, le mot de passe et les autres paramètres du mail doivent être remplacés par les vraies données de ton serveur SMTP.
Pour configurer ton serveur SMTP en local, je te conseille de lire ce tutoriel de Mailtrap.
Conclusion
Il est important de garder à l'esprit que SMTP.js ne chiffre pas les informations sensibles comme les identifiants SMTP. Il n'est donc pas recommandé pour des applications en production ou tout cas d'usage où la sécurité est primordiale.
Pour des projets sérieux, privilégie l'utilisation de services d’email professionnels SendGrid (un tutoriel sera bientôt disponible) avec une authentification sécurisée.