Jak wysłać wiadomość e -mail za pomocą JavaScript?

JavaScript to język programowania internetowego, który sprawia, że ​​nasze strony internetowe i aplikacje internetowe są interaktywne, dając im możliwość myślenia i działania. SMTP.JS (prosty protokół transferu poczty) to biblioteka JavaScript, która pomaga nam wysyłać dane lub w naszym e -mailu na określony serwer. Należy jednak pamiętać, że zostanie użyty tylko do wysyłania e -maili, aby działał tylko z towarzyski e -maile. W tym poście zobaczymy, jak wysłać wiadomość e -mail za pomocą JavaScript i za pomocą SMTP osiągniemy nasz cel.

Prequirezyty

Są dwie rzeczy, których potrzebujesz, zanim zaczniemy kodować. Najpierw musisz zmienić ustawienia konta Gmail, których użyjesz do wysłania wiadomości e -mail, tak jak w przypadku ustawiania uwierzytelniania 2 stopniowego na koncie Gmaila, a następnie zezwolić na mniej bezpiecznych aplikacji, aby uzyskać dostęp do Gmaila Strona ustawień Gmaila.

Włącz mniej bezpieczne aplikacje:

Wysyłanie wiadomości e -mail za pomocą JavaScript

Html: Najpierw zaprojektujemy strukturę naszej aplikacji internetowej. Dla tej kopii lub wpisz kodu HTML w swoim ulubionym edytorze.

W powyższym kodzie użyliśmy tagów wejściowych HTML, aby zdefiniować pola wejściowe dla wiadomości e -mail i hasła do nadawcy i e -maila odbiornika. Oprócz tego zdefiniowaliśmy również przycisk, który mówi Wysłać email i zainicjował słuchacz wydarzeń, który będzie ciągle słuchać Kliknij zdarzenie, które oznacza za każdym razem, gdy użytkownik klika Wysłać email przycisk Wyślij maila() Funkcja zacznie wykonywać. Wszystkie pola wejściowe są następnie umieszczane w formularz tag, który ma metodę postu i nazwę Formularz. Użyjemy tej nazwy, aby uzyskać wartości pól wejściowych tego formularza.

W końcu użyliśmy scenariusz znacznik zawarty protokołem SMTP, a następnie kolejny znacznik skryptu do odniesienia do pliku JavaScript (kod.JS), która ma funkcję Wyślij maila().

JavaScript: W JavaScript zainicjowaliśmy Wyślij maila() funkcja, a następnie przechowywała wszystkie wartości pól wejściowych zdefiniowanych w HTML. Osiągamy to zadanie, odnosząc się do pól wejściowych o nazwie, które podano wcześniej w HTML.

Po uzyskaniu wszystkich wartości wyślemy wiadomość e -mail za pomocą tych wartości. Jeśli proces wysyłania wiadomości e -mail się powiedzie, zobaczymy ostrzeżenie Wysłany e -mail z powodzeniem.

funkcja sendmail ()
// uzyskanie wartości z pól wejściowych
var sender = formularz.nadawca.wartość;
var hasło = formularz.hasło.wartość;
var odbiornik = forma.Odwołanie.wartość;
var content = formularz.treść.wartość;
//Wysyłać email
E-mail.wysłać(
Host: „SMTP.Gmail.com ",
Nazwa użytkownika: nadawca,
Hasło: hasło,
Do: Odbiornik,
Od: nadawca,
Temat: „Sprawdź wysyłanie e -maila”,
Ciało: zawartość,
).następnie (funkcja (wiadomość)
alert („wysłane e -mail z powodzeniem”)
);

Wypełnij wszystkie wymagane poświadczenia, a następnie kliknij Wysłać email przycisk:

Teraz przejdź do swojego konta Gmail, a zobaczysz, że otrzymałeś e -mail:

Wniosek

JavaScript to język programowania, w którym możemy opracowywać i projektować strony internetowe. Biblioteka SMTP w JavaScript to prosty mechanizm przesyłania poczty, który służy do wysyłania e -maili. W tym poście odpowiedzieliśmy na pytanie, jak wysłać e -mail za pomocą JavaScript, najpierw zdefiniując naszą strukturę aplikacji internetowych za pomocą HTML, a następnie poszliśmy do JavaScript, aby wdrożyć właściwą funkcjonalność.