Heim > Artikel > Web-Frontend > So senden Sie eine E-Mail von einer Webseite mit JavaScript
Mit der Entwicklung des Internets ist E-Mail zu einem unverzichtbaren Bestandteil des täglichen Lebens der Menschen geworden. Bei Websites und Anwendungen ist das Versenden von E-Mails zu einem der Probleme geworden, die gelöst werden müssen.
Als Front-End-Programmiersprache wird JavaScript häufig in Webseiten verwendet. Wenn Sie eine JavaScript-basierte Website oder Anwendung entwickeln, müssen Sie wahrscheinlich JavaScript zum Senden von E-Mails verwenden.
In diesem Artikel erfahren Sie, wie Sie mithilfe von JavaScript E-Mails von einer Webseite aus versenden. Zuerst müssen wir einen E-Mail-Dienstanbieter auswählen. In diesem Fall verwenden wir Gmail als Beispiel.
1. Aktivieren Sie den SMTP-Dienst von Gmail.
Zuerst müssen wir den SMTP-Dienst von Gmail aktivieren. Gehen Sie in den Einstellungen Ihres Gmail-Kontos zur Registerkarte „Sicherheit“ und aktivieren Sie „Apps mit geringer Sicherheit aktivieren“.
Um E-Mails über den Gmail-SMTP-Server zu senden, müssen wir die folgenden Details verwenden:
Um E-Mails mit JavaScript zu senden, können wir die SMTP-Clientbibliothek verwenden. In diesem Beispiel verwenden wir die Nodemailer-Bibliothek.
2.1. Installieren Sie Nodemailer
Verwenden Sie den folgenden Befehl, um Nodemailer in Ihrem Projekt zu installieren:
npm install nodemailer
2.2. Schreiben Sie JavaScript-Code
Sehen wir uns an, wie Sie JavaScript-Code schreiben, um E-Mails mit Nodemailer zu senden. Zuerst müssen wir ein SMTP-Transportobjekt zum Senden von E-Mails an den Gmail-Server erstellen.
const nodemailer = require('nodemailer'); // 创建一个SMTP传输对象 const transporter = nodemailer.createTransport({ host: 'smtp.gmail.com', port: 465, secure: true, auth: { user: 'your@gmail.com', pass: 'yourpassword' } });
Der nächste Schritt besteht darin, ein E-Mail-Optionsobjekt zu definieren, einschließlich der Empfängeradresse, des Inhalts und des Betreffs der E-Mail.
// 定义一个邮件选项对象 const mailOptions = { from: 'your@gmail.com', to: 'recipient@example.com', subject: '邮件主题', text: '邮件内容' };
Sobald wir das Transportobjekt und das Mail-Optionsobjekt definiert haben, können wir die Methode transporter.sendMail zum Senden der E-Mail verwenden.
// 使用SMTP传输对象发送邮件 transporter.sendMail(mailOptions, (err, info) => { if (err) { console.log(err); } else { console.log(info); } });
Jetzt haben wir erfolgreich eine E-Mail mit JavaScript und Nodemailer versendet. Sie können das Mail Options-Objekt verwenden, um HTML-E-Mails oder E-Mails mit Anhängen zu versenden.
3. Zusammenfassung
In diesem Artikel haben wir vorgestellt, wie man E-Mails auf einer Webseite mithilfe von JavaScript und der Nodemailer-Bibliothek sendet. Wir haben auch gesehen, wie man den Gmail-SMTP-Server zum Versenden von E-Mails verwendet. Bitte beachten Sie jedoch, dass viele E-Mail-Dienstanbieter aus Sicherheitsgründen möglicherweise den Versand von E-Mails von JavaScript-Clients blockieren. Stellen Sie sicher, dass Sie die Richtlinien des von Ihnen gewählten E-Mail-Dienstanbieters verstehen, bevor Sie ihn in Ihrem Projekt verwenden.
Das obige ist der detaillierte Inhalt vonSo senden Sie eine E-Mail von einer Webseite mit JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!