Come inviare un'e -mail utilizzando JavaScript?

JavaScript è un linguaggio di programmazione Web che rende interattive le nostre pagine Web e le nostre applicazioni web dando loro la possibilità di pensare e agire. Smtp.JS (Simple Mail Transfer Protocol) è una libreria JavaScript che ci aiuta a inviare dati o nel nostro caso e -mail a un server specifico. Tuttavia, si dovrebbe tenere presente che verrà utilizzato solo per inviare e -mail, quindi funzionerà solo con in uscita e -mail. In questo post, vedremo come inviare un'e -mail utilizzando JavaScript e con l'aiuto di SMTP raggiungeremo il nostro obiettivo.

Precursori

Ci sono due cose di cui hai bisogno prima di iniziare a codificare. Innanzitutto, devi modificare le impostazioni dell'account Gmail che si utilizzerai per inviare un'e -mail come se viene impostata l'autenticazione a 2 fasi sul tuo account Gmail, quindi revoca e quindi consenti alle app meno sicure di accedere a Gmail che possiamo ottenere visitando il Pagina delle impostazioni di Gmail.

Accendi app meno sicure:

Invio di e -mail utilizzando JavaScript

Html: Prima progetteremo la struttura della nostra applicazione web. Per quella copia o digita il codice HTML nel tuo editor preferito.

Nel codice sopra, abbiamo utilizzato i tag di input di HTML per definire le caselle di input per e -mail di mittente e password e e -mail del ricevitore. Oltre a ciò abbiamo anche definito un pulsante che dice Invia una email e ha avviato un ascoltatore di eventi che ascolterà continuamente il clic evento che significa ogni volta che un utente fa clic su Invia una email pulsante il inviare una mail() La funzione inizierà a eseguire. Tutti i campi di input vengono quindi inseriti in un file modulo tag che ha un metodo di post e il nome di Modulo. Useremo questo nome per ottenere i valori dei campi di input di questo modulo.

Alla fine, abbiamo usato il sceneggiatura Tag per includere il protocollo SMTP e quindi un altro tag script per fare riferimento al file JavaScript (codice.js) che ha la funzione inviare una mail().

JavaScript: In JavaScript, abbiamo iniziato il inviare una mail() funzione e quindi memorizzato tutti i valori dei campi di input definiti in HTML. Raggiungiamo questo compito facendo riferimento ai campi di input con il nome che sono stati dati in precedenza in HTML.

Dopo aver ricevuto tutti i valori, invieremo l'e -mail utilizzando questi valori. Se il processo di invio di un'e -mail ha successo, vedremo un avviso di Email inviata correttamente.

funzione SendMail ()
// Ottenere valori dai campi di input
var mittente = modulo.mittente.valore;
var password = modulo.parola d'ordine.valore;
VAR RECEVIVER = FORME.RECIEVER.valore;
var content = forma.contenuto.valore;
// Invio e -mail
E-mail.Inviare(
Host: "SMTP.gmail.com ",
Nome utente: mittente,
Password: password,
A: ricevitore,
Da: mittente,
Oggetto: "Controlla l'invio e -mail",
Corpo: contenuto,
).Quindi (function (message)
Avviso ("e -mail inviata correttamente")
);

Riempire tutte le credenziali richieste e quindi fare clic su Invia una email pulsante:

Ora vai al tuo account Gmail e vedrai che hai ricevuto un'e -mail:

Conclusione

JavaScript è un linguaggio di programmazione in cui possiamo sviluppare e progettare pagine Web. La libreria SMTP in JavaScript è un semplice meccanismo di trasferimento di posta utilizzato per inviare e -mail. In questo post, abbiamo risposto alla domanda su come inviare e -mail utilizzando JavaScript definendo prima la nostra struttura dell'applicazione web usando HTML, e poi siamo andati a JavaScript per implementare la funzionalità corretta.