Bisakah saya mengirim email menggunakan javascript?

Ada dua hal yang Anda butuhkan sebelum kita mulai membuat kode. Pertama, Anda harus mengubah pengaturan akun Gmail yang akan Anda gunakan untuk mengirim email seperti jika autentikasi 2 langkah diatur pada akun Gmail Anda kemudian cabut dan kemudian izinkan aplikasi yang kurang aman untuk mengakses Gmail yang dapat kami capai dengan mengunjungi

Aktifkan aplikasi yang kurang aman

Mengirim Email menggunakan JavaScript

HTML. Kami pertama-tama akan merancang struktur aplikasi web kami. Untuk itu salin atau ketik kode HTML di editor favorit Anda

<. DOCTYPE html>DOCTYPE html>

< html lang ="en"><

< kepala >

    < meta charset ="UTF-8">

    < meta http - sama dengan ="X-UA-Compatible" content="IE=edge">

    < nama meta ="viewport" content="width=device-width, initial-scale=1.0">

    < judul > Kirim Email title>

kepala>head>

< tubuh >

    < metode formulir ="posting" name="Form">

        < jenis masukan ="Email" name="sender" placeholder="[email protected]">< br >

        < jenis masukan ="Kata Sandi" name="password" placeholder="type password here"><br>

        < jenis masukan ="Email" name="reciever" placeholder="[email protected]">< br >

        < jenis masukan ="text" name="Message" placeholder="Enter Email Content" id="Message"><br>

        < jenis masukan ="tombol" value="Send Email" onclick="sendMail()">

    bentuk >

    < skrip src ="https. //smtpjs. com/v3/smtp. js"> skrip >

tubuh>body>

html>html>

Pada kode di atas, kami menggunakan tag input HTML untuk menentukan kotak input untuk email pengirim dan kata sandi serta email penerima. Selain itu, kami juga mendefinisikan tombol yang mengatakan Kirim Email dan memprakarsai pendengar acara yang akan terus mendengarkan acara klik yang berarti setiap kali pengguna mengklik tombol Kirim Email, fungsi sendMail() akan mulai dijalankan. Semua bidang input kemudian ditempatkan dalam tag formulir yang memiliki metode posting dan nama Formulir. Kami akan menggunakan nama ini untuk mendapatkan nilai kolom input Formulir ini

Pada akhirnya, kami menggunakan tag skrip untuk menyertakan protokol SMTP dan kemudian tag skrip lain untuk mereferensikan file JavaScript (code. js) yang memiliki fungsi sendMail()

JavaScript. Dalam JavaScript, kami memulai fungsi sendMail() dan kemudian menyimpan semua nilai bidang input yang ditentukan dalam HTML. Kami mencapai tugas ini dengan mereferensikan bidang input dengan nama yang diberikan sebelumnya dalam HTML

Setelah mendapatkan semua nilai, kami akan mengirimkan email menggunakan nilai-nilai ini. Jika proses pengiriman email berhasil kita akan melihat peringatan Email Terkirim Berhasil

fungsi sendMail () {

  //mendapatkan nilai dari kolom masukan

  var pengirim = Formulir. pengirim . nilai;

  var sandi = Formulir. sandi . nilai;

  var penerima = Formulir. penerima . nilai;

  var konten = Formulir. konten . nilai;

 
  //Mengirim email

  Email. kirim({

  Tuan rumah . "smtp. gmail. com",

  Nama pengguna . pengirim ,

  Sandi . sandi ,

  Kepada . penerima ,

  Dari . pengirim ,

  Subjek . "Periksa Pengiriman Email",

  Tubuh . konten ,

  }) . lalu(fungsi ( pesan ) {

  lansiran ("Email berhasil dikirim")

  });

}

Isi semua kredensial yang diperlukan dan kemudian klik tombol Kirim Email

Sekarang buka akun Gmail Anda dan Anda akan melihat bahwa Anda telah menerima Email

Kesimpulan

JavaScript adalah bahasa pemrograman di mana kita dapat mengembangkan dan mendesain halaman web. Pustaka SMTP dalam JavaScript adalah mekanisme transfer email sederhana yang digunakan untuk mengirim email. Dalam posting ini, kami menjawab pertanyaan tentang cara mengirim email menggunakan JavaScript dengan terlebih dahulu mendefinisikan struktur aplikasi web kami menggunakan HTML, lalu kami beralih ke JavaScript untuk mengimplementasikan fungsionalitas yang tepat.

Bagaimana cara mengirim email dari formulir JavaScript?

Bagaimana cara mengirim email dari frontend JavaScript?

Bagaimana cara mengirim email menggunakan SMTP JS?

Bagaimana cara kerja email JavaScript?