Come inviare e-mail con JavaScript

Scopri come inviare e-mail dal tuo codice JavaScript con questa guida. Impara a inviare e-mail con JavaScript utilizzando ElasticEmail SMTP Relay.

Oggi impareremo qualcosa relativo a JavaScript. C'erano molti requisiti, ad esempio dove dovevi semplicemente inviare una mail utilizzando JavaScript e non potevi utilizzare alcuna API REST o qualsiasi altra piattaforma per creare la tua piattaforma o applicazione lato server per inviare una posta.

Quindi, per risolvere questo problema, possiamo utilizzare ElasticEmail per configurare il nostro hosting SMTP e inviare la posta utilizzando lo stesso. Quindi, iniziamo con la creazione del nostro account ElasticEmail, la configurazione dell'host e l'invio di posta utilizzandolo,

Dobbiamo seguire i passaggi per configurare l'account ElasticeEmail.

Passo 1

Vai all'Email Elastice. Clicca qui...

Passo 2

Invia posta utilizzando JavaScript

Passaggio 3

Seleziona Email API e fai clic sul pulsante "Prova gratuitamente" ; nella pagina successiva, aggiungi tutti i dettagli richiesti.

Invia posta utilizzando JavaScript

Passaggio 4

Dopo aver completato il processo di registrazione, otterrai la seguente dashboard mostrata nell'immagine qui sotto.

Invia posta utilizzando JavaScript

Passaggio 5

Una volta terminata la creazione del tuo account e-mail Elastic, riceverai un'e-mail di attivazione, come mostrato di seguito.

Invia posta utilizzando JavaScript

Passaggio 6

Fai clic su "ATTIVA IL MIO ACCOUNT" e accedi con le credenziali richieste. Una volta attivato, otterrai la seguente dashboard.

Invia posta utilizzando JavaScript

Creazione di un hosting o di un inoltro SMTP

Passo 1

Ora, fai clic su "Connetti all'API SMTP" e quindi su "Crea". Aggiungi il tuo nome utente e fai clic su Crea.

Invia posta utilizzando JavaScript

Passo 2

Dopo aver fatto clic su Crea, ci vorrà del tempo e verrà visualizzato un popup contenente i dettagli SMTP come mostrato nell'immagine.

Invia posta utilizzando JavaScript

Una volta terminata la configurazione del nostro SMTP, possiamo andare avanti per scrivere la nostra logica aziendale per il codice JavaScript per inviare la posta utilizzando il nostro SMTP creato.

È possibile utilizzare il seguente codice per fare riferimento all'invio di posta tramite JavaScript.

Demo.JS

function sendEmail() {
	Email.send({
		Host: "smtp.elasticemail.com",
		Username : "<YOUR SMTP USERNAME>",
		Password : "<YOUR SMTP PASSWORD>",
		To : '<EMAIL TO SEND A MAIL>',
		From : '<EMAIL FROM WHICH YOU HAVE LOGGED IN TO ELASTICEMAIL>', // put a real email address that is verified
		Port:'2525',
		Subject : "Hello",
		Body : "Hello",
	}).then(
		message => {
			alert("mail sent successfully");
			console.log(message);
		}
	);
}

Demo.HTML

<html>
	<head>
		<script src="https://smtpjs.com/v3/smtp.js"></script>
		<script src="Demo.js"></script>
	</head>
	<body>
		<form method="post">
			<input type="button" value="Send Email" onclick="sendEmail()"/>
		</form>
	</body>
</html>

Dobbiamo caricare l'SMTP js per inviare una mail utilizzando l'SMTP che abbiamo creato. Sto usando l'evento click del pulsante per inviare una mail, ma puoi inviare direttamente una mail quando carichi JavaScript.

Dopo aver eseguito e fatto clic sul pulsante Invia e-mail , ricevo la seguente posta nel mio account Gmail.

Invia posta utilizzando JavaScript

Spero che questo blog ti aiuti a inviare e-mail utilizzando l'inoltro SMTP di posta elettronica elastico.

Grazie.

#javascript