Hvordan sende en e -post ved hjelp av JavaScript?

JavaScript er et nettprogrammeringsspråk som gjør websider og webapplikasjoner interaktive ved å gi dem muligheten til å tenke og handle. SMTP.JS (Simple Mail Transfer Protocol) er et JavaScript -bibliotek som hjelper oss med å sende data eller i vår sak e -post til en bestemt server. Imidlertid må det huskes at det bare vil bli brukt til å sende e -post, slik at det bare fungerer med utgående E -post. I dette innlegget vil vi se hvordan vi kan sende en e -post ved hjelp av JavaScript og med hjelp av SMTP vil vi oppnå vårt mål.

Prequiresites

Det er to ting du trenger før vi begynner å kode. Først må du endre Gmail -kontoinnstillingene du vil bruke til å sende en e -post, for eksempel hvis 2 -trinns autentisering er satt opp på Gmail -kontoen din, og deretter tilbakekalle den og la deretter mindre sikre apper få tilgang til Gmail som vi kan oppnå ved å besøke den Gmail -innstillingsside.

Slå på mindre sikre apper:

Sende e -post ved hjelp av JavaScript

Html: Vi vil først designe strukturen i webapplikasjonen vår. For den kopien eller skriv inn HTML -koden i favorittredigereren din.

I koden ovenfor brukte vi inndatakikkene til HTML for å definere inngangsbokser for avsender -e -post og passord og mottaker -e -post. Bortsett fra det definerte vi også en knapp som sier Send e-post og innledet en hendelseslytter som kontinuerlig vil lytte etter Klikk Hendelse som betyr hver gang en bruker klikker på Send e-post knapp sendmail () Funksjonen vil begynne å utføre. Alle inngangsfeltene blir deretter plassert i en form tag som har en metode for post og navnet på Form. Vi vil bruke dette navnet for å få verdiene til inngangsfelt i dette skjemaet.

Til slutt brukte vi manus Tag for å inkludere SMTP -protokoll og deretter en annen skriptetag for å referere til JavaScript -filen (kode.JS) som har funksjonen sendmail ().

JavaScript: I JavaScript initierte vi sendmail () funksjon og lagret deretter alle verdiene til inngangsfeltene definert i HTML. Vi oppnår denne oppgaven ved å henvise inngangsfeltene med navnet de ble gitt tidligere i HTML.

Etter å ha fått alle verdiene, sender vi e -posten ved hjelp av disse verdiene. Hvis prosessen med å sende en e -post er vellykket, vil vi se et varsel om E -post sendt vellykket.

funksjon sendmail ()
// Få verdier fra inngangsfelt
var avsender = form.avsender.verdi;
var passord = skjema.passord.verdi;
var mottaker = skjema.resever.verdi;
var innhold = form.innhold.verdi;
// Sende e -post
E -post.sende(
Vert: "SMTP.Gmail.com ",
Brukernavn: avsender,
Passord: Passord,
Til: mottaker,
Fra: avsender,
Emne: "Sjekk sending av e -post",
Kropp: Innhold,
).deretter (funksjon (melding)
Varsel ("E -post sendt vellykket")
);

Fyll alle nødvendige legitimasjoner, og klikk deretter på Send e-post knapp:

Gå nå til Gmail -kontoen din, og du vil se at du har mottatt en e -post:

Konklusjon

JavaScript er et programmeringsspråk der vi kan utvikle og designe websider. SMTP -biblioteket i JavaScript er en enkel postoverføringsmekanisme som brukes til å sende e -post. I dette innlegget svarte vi på spørsmålet om hvordan du sender e -post ved hjelp av JavaScript ved først å definere vår webapplikasjonsstruktur ved hjelp av HTML, og så gikk vi videre til JavaScript for å implementere riktig funksjonalitet.