Cara menghantar e-mel dari halaman web menggunakan JavaScript

Dengan perkembangan Internet, e-mel telah menjadi bahagian penting dalam kehidupan seharian orang ramai. Dalam laman web dan aplikasi, menghantar e-mel menjadi salah satu masalah yang mesti diselesaikan.

Sebagai bahasa pengaturcaraan bahagian hadapan, JavaScript digunakan secara meluas dalam halaman web. Jika anda sedang membangunkan tapak web atau aplikasi berasaskan JavaScript, maka anda mungkin perlu menggunakan JavaScript untuk menghantar e-mel.

Dalam artikel ini, kita akan belajar cara menghantar e-mel dari halaman web menggunakan JavaScript. Pertama, kita perlu memilih pembekal perkhidmatan e-mel, dalam kes ini kita memilih untuk menggunakan Gmail sebagai contoh.

1 Dayakan perkhidmatan SMTP Gmail

Pertama, kami perlu mendayakan perkhidmatan SMTP Gmail. Pergi ke tab "Keselamatan" dalam tetapan akaun Gmail anda dan dayakan "Dayakan apl keselamatan rendah."

Untuk menghantar e-mel menggunakan pelayan SMTP Gmail, kami perlu menggunakan butiran berikut:

• Pelayan SMTP: smtp.gmail.com;
• Port SSL: 465 ;
• Port TLS: 587;
• Alamat e-mel: alamat e-mel Gmail anda;
• Kata Laluan: kata laluan Gmail anda.

2. Hantar e-mel menggunakan JavaScript

Untuk menghantar e-mel menggunakan JavaScript, kami boleh menggunakan perpustakaan klien SMTP. Dalam contoh ini kami menggunakan perpustakaan Nodemailer.

2.1. Pasang Nodemailer

Gunakan arahan berikut untuk memasang nodemailer dalam projek anda:

npm install nodemailer

2.2 Lihat cara menulis kod JavaScript untuk menghantar e-mel menggunakan Nodemailer. Pertama, kita perlu mencipta objek pengangkutan SMTP untuk menghantar e-mel ke pelayan Gmail.

Langkah seterusnya kita perlu menentukan objek pilihan e-mel, termasuk alamat penerima, kandungan dan subjek e-mel.

const nodemailer = require('nodemailer');

// 创建一个SMTP传输对象
const transporter = nodemailer.createTransport({
    host: 'smtp.gmail.com',
    port: 465,
    secure: true,
    auth: {
        user: 'your@gmail.com',
        pass: 'yourpassword'
    }
});

Setelah kami menentukan objek pengangkutan dan objek pilihan mel, kami boleh menggunakan kaedah transporter.sendMail untuk menghantar e-mel.

// 定义一个邮件选项对象
const mailOptions = {
    from: 'your@gmail.com',
    to: 'recipient@example.com',
    subject: '邮件主题',
    text: '邮件内容'
};

Kini kami telah berjaya menghantar e-mel menggunakan JavaScript dan Nodemailer. Anda boleh menggunakan objek Pilihan Mel untuk menghantar e-mel HTML atau e-mel dengan lampiran.

// 使用SMTP传输对象发送邮件
transporter.sendMail(mailOptions, (err, info) => {
    if (err) {
        console.log(err);
    } else {
        console.log(info);
    }
});

3. Ringkasan

Dalam artikel ini, kami memperkenalkan cara menghantar e-mel dalam halaman web menggunakan pustaka JavaScript dan Nodemailer. Kami juga melihat cara menggunakan pelayan SMTP Gmail untuk menghantar e-mel. Walau bagaimanapun, sila ambil perhatian bahawa banyak pembekal perkhidmatan e-mel mungkin menyekat penghantaran e-mel daripada pelanggan JavaScript atas sebab keselamatan. Pastikan anda memahami dasar pembekal perkhidmatan e-mel pilihan anda sebelum menggunakannya dalam projek anda.

Atas ialah kandungan terperinci Cara menghantar e-mel dari halaman web menggunakan JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!