Comment envoyer un e-mail à l'aide de JavaScript?

JavaScript est un langage de programmation Web qui rend nos pages Web et nos applications Web interactives en leur donnant la possibilité de penser et d'agir. Smtp.JS (Simple Mail Transfer Protocol) est une bibliothèque JavaScript qui nous aide à envoyer des données ou dans notre e-mail à un serveur spécifique. Cependant, il convient de garder à l'esprit qu'il ne sera utilisé que pour envoyer des e-mails afin qu'il ne fonctionnera qu'avec uniquement sortant e-mails. Dans cet article, nous verrons comment envoyer un e-mail à l'aide de JavaScript et avec l'aide de SMTP, nous atteindrons notre objectif.

Préquirésites

Il y a deux choses dont vous avez besoin avant de commencer à coder. Tout d'abord, vous devez modifier les paramètres du compte Gmail que vous utiliserez pour envoyer un e-mail comme si l'authentification en 2 étapes est configurée sur votre compte Gmail, puis révoquez-le, puis permettez aux applications moins sécurisées d'accéder à Gmail que nous pouvons réaliser en visitant le Page des paramètres Gmail.

Activez les applications moins sécurisées:

Envoi d'e-mails à l'aide de JavaScript

Html: Nous allons d'abord concevoir la structure de notre application Web. Pour cette copie ou tapez le code HTML dans votre éditeur préféré.

Dans le code ci-dessus, nous avons utilisé les balises d'entrée de HTML pour définir les cases d'entrée pour le courrier électronique de l'expéditeur et le mot de passe et le récepteur e-mail. En dehors de cela, nous avons également défini un bouton qui dit Envoyer un e-mail et a lancé un auditeur d'événements qui écoutera continuellement le Cliquez sur événement qui signifie chaque fois qu'un utilisateur clique sur le Envoyer un e-mail bouton le envoyer un mail() La fonction commencera à s'exécuter. Tous les champs d'entrée sont ensuite placés dans un former Tag qui a une méthode de poste et le nom de Former. Nous utiliserons ce nom pour obtenir les valeurs des champs d'entrée de ce formulaire.

En fin de compte, nous avons utilisé le scénario TAG pour inclure le protocole SMTP, puis une autre balise de script pour référencer le fichier JavaScript (code.js) qui a la fonction envoyer un mail().

Javascrip: En JavaScript, nous avons initié le envoyer un mail() fonction puis stocké toutes les valeurs des champs d'entrée définies en html. Nous réalisons cette tâche en faisant référence aux champs d'entrée avec le nom qu'ils ont été donnés plus tôt dans HTML.

Après avoir obtenu toutes les valeurs, nous enverrons l'e-mail en utilisant ces valeurs. Si le processus d'envoi d'un e-mail est réussi, nous verrons une alerte de E-mail envoyé avec succès.

fonction sendmail ()
// Obtenir des valeurs à partir des champs d'entrée
var expéditeur = formulaire.expéditeur.valeur;
var mot de passe = formulaire.mot de passe.valeur;
récepteur var = formulaire.récepteur.valeur;
var contenu = formulaire.contenu.valeur;
// Envoi par e-mail
E-mail.envoyer(
Hôte: "Smtp.Gmail.com ",
Nom d'utilisateur: expéditeur,
Mot de passe: mot de passe,
À: récepteur,
De: expéditeur,
Sujet: "Vérifier l'envoi des e-mails",
Corps: contenu,
).alors (fonction (message)
alert ("e-mail envoyé avec succès")
);

Remplissez toutes les informations d'identification requises, puis cliquez sur le Envoyer un e-mail bouton:

Allez maintenant sur votre compte Gmail et vous verrez que vous avez reçu un e-mail:

Conclusion

JavaScript est un langage de programmation dans lequel nous pouvons développer et concevoir des pages Web. La bibliothèque SMTP en JavaScript est un simple mécanisme de transfert de courrier qui est utilisé pour envoyer des e-mails. Dans cet article, nous avons répondu à la question de savoir comment envoyer un e-mail à l'aide de JavaScript en définissant d'abord notre structure d'application Web à l'aide de HTML, puis nous sommes allés à JavaScript pour implémenter la fonctionnalité appropriée.