Heim > Web-Frontend > Front-End-Fragen und Antworten > So senden Sie eine E-Mail von einer Webseite mit JavaScript

So senden Sie eine E-Mail von einer Webseite mit JavaScript

PHPz
Freigeben: 2023-04-21 09:25:00
Original
1777 Leute haben es durchsucht

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:

  • SMTP-Server: smtp.gmail.com;
  • TLS-Port: 587;
  • E-Mail-Adresse : Ihre Gmail-E-Mail-Adresse;
  • Passwort: Ihr Gmail-Passwort.
  • 2. E-Mail mit JavaScript senden

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
Nach dem Login kopieren

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'
    }
});
Nach dem Login kopieren

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: '邮件内容'
};
Nach dem Login kopieren

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);
    }
});
Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage