Envoie de mail avec JavaScript et Phpmailer

Envoyer des e-mails à partir de votre site web est une fonctionnalité essentielle pour de nombreux sites web. Dans cet article, nous allons explorer comment envoyer des e-mails en utilisant à la fois JavaScript et Phpmailer.

Utilisation de JavaScript pour l’envoi de mails

Avec JavaScript, vous pouvez utiliser la fonction fetch pour envoyer des requêtes HTTP, y compris des e-mails. Voici un exemple de code pour l’envoi d’un e-mail avec JavaScript :

      
const sendEmail = async (to, subject, message) => {
  try {
    const response = await fetch('https://api.monsite.com/send-email', {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
      },
      body: JSON.stringify({ to, subject, message }),
    });

    const data = await response.json();
    console.log(data);
  } catch (error) {
    console.error('Erreur lors de l envoi de l email :', error);
  }
};

sendEmail('destinataire@example.com', 'Sujet de l email', 'Contenu de l email');
      
    

Ce code envoie une requête POST à l’API de votre site web, en incluant les informations nécessaires pour l’envoi de l’e-mail. Le serveur de votre site web peut alors traiter cette requête et envoyer l’e-mail en utilisant Phpmailer.

Utilisation de Phpmailer pour l’envoi de mails

Phpmailer est une bibliothèque PHP populaire pour l’envoi d’e-mails. Voici un exemple de code pour envoyer un e-mail avec Phpmailer :

      
isSMTP();
  $mail->Host = 'smtp.monsite.com';
  $mail->SMTPAuth = true;
  $mail->Username = 'mon@email.com';
  $mail->Password = 'monmotdepasse';
  $mail->SMTPSecure = 'tls';
  $mail->Port = 587;

  $mail->setFrom('mon@email.com', 'Mon Nom');
  $mail->addAddress('destinataire@example.com', 'Destinataire');
  $mail->Subject = 'Sujet de l email';
  $mail->Body = 'Contenu de l email';

  $mail->send();
  echo 'E-mail envoyé avec succès';
} catch (Exception $e) {
  echo "Erreur lors de l envoi de l email: {$mail->ErrorInfo}";
}
      
    

Ce code configure Phpmailer pour utiliser SMTP pour l’envoi d’e-mails, et ensuite envoie l’e-mail en utilisant les informations fournies.

En combinant JavaScript pour l’envoi initial de la requête et Phpmailer pour l’envoi réel de l’e-mail, vous pouvez facilement ajouter des fonctionnalités d’envoi d’e-mails à votre site web.

N’oubliez pas de sécuriser vos fonctionnalités d’envoi d’e-mails en validant les entrées utilisateur et en mettant en place des mesures de sécurité appropriées pour éviter les abus.