Maison > interface Web > Questions et réponses frontales > Comment envoyer un e-mail à partir d'une page Web en utilisant JavaScript

Comment envoyer un e-mail à partir d'une page Web en utilisant JavaScript

PHPz
Libérer: 2023-04-21 09:25:00
original
1802 Les gens l'ont consulté

Avec le développement d'Internet, le courrier électronique est devenu un élément indispensable de la vie quotidienne des gens. Dans les sites Web et les applications, l’envoi d’e-mails est devenu l’un des problèmes à résoudre.

En tant que langage de programmation front-end, JavaScript est largement utilisé dans les pages Web. Si vous développez un site Web ou une application basé sur JavaScript, vous devrez probablement utiliser JavaScript pour envoyer des e-mails.

Dans cet article, nous apprendrons comment envoyer des e-mails à partir d'une page Web en utilisant JavaScript. Tout d’abord, nous devons choisir un fournisseur de services de messagerie. Dans ce cas, nous choisissons d’utiliser Gmail comme exemple.

1. Activer le service SMTP de Gmail

Tout d'abord, nous devons activer le service SMTP de Gmail. Accédez à l'onglet "Sécurité" dans les paramètres de votre compte Gmail et activez "Activer les applications à faible sécurité".

Pour envoyer des e-mails à l'aide du serveur SMTP Gmail, nous devons utiliser les informations suivantes :

  • Serveur SMTP : smtp.gmail.com
  • Port SSL : 465 ; : Votre adresse email Gmail ;
  • Mot de passe : Votre mot de passe Gmail.
  • 2. Envoyer un e-mail en utilisant JavaScript
  • Pour envoyer un e-mail en utilisant JavaScript, nous pouvons utiliser la bibliothèque client SMTP. Dans cet exemple, nous utilisons la bibliothèque Nodemailer.

2.1. Installer Nodemailer

Utilisez la commande suivante pour installer nodemailer dans votre projet :

npm install nodemailer
Copier après la connexion

2.2. Écrire du code JavaScript

Voyons comment écrire du code JavaScript pour envoyer des e-mails à l'aide de Nodemailer. Tout d'abord, nous devons créer un objet de transport SMTP pour envoyer des e-mails au serveur Gmail.

const nodemailer = require('nodemailer');

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

L'étape suivante consiste à définir un objet d'options de courrier électronique, comprenant l'adresse du destinataire, le contenu et le sujet de l'e-mail.

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

Une fois que nous avons défini l'objet de transport et l'objet d'options de courrier, nous pouvons utiliser la méthode transporter.sendMail pour envoyer l'e-mail.

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

Nous avons maintenant envoyé avec succès un e-mail en utilisant JavaScript et Nodemailer. Vous pouvez utiliser l'objet Options de messagerie pour envoyer des e-mails HTML ou des e-mails avec pièces jointes.

3. Résumé

Dans cet article, nous avons présenté comment envoyer des e-mails dans des pages Web à l'aide de JavaScript et de la bibliothèque Nodemailer. Nous avons également vu comment utiliser le serveur SMTP Gmail pour envoyer des emails. Veuillez toutefois noter que de nombreux fournisseurs de services de messagerie peuvent bloquer l'envoi d'e-mails à partir de clients JavaScript pour des raisons de sécurité. Assurez-vous de comprendre les politiques du fournisseur de services de messagerie que vous avez choisi avant de l'utiliser dans votre projet.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal