Übergeben, variable an html-Vorlage in nodemailer

Will ich senden Sie E-Mail mit nodemailer mit html-Vorlage. In dieser Vorlage, die ich brauche, um zu injizieren, einige dynamisch einige Variablen und ich kann wirklich nicht tun. Mein code:

var nodemailer = require('nodemailer');
var smtpTransport = require('nodemailer-smtp-transport');

smtpTransport = nodemailer.createTransport(smtpTransport({
    host: mailConfig.host,
    secure: mailConfig.secure,
    port: mailConfig.port,
    auth: {
        user: mailConfig.auth.user,
        pass: mailConfig.auth.pass
    }
}));
var mailOptions = {
    from: '[email protected]',
    to : '[email protected]',
    subject : 'test subject',
    html : { path: 'app/public/pages/emailWithPDF.html' }
};
smtpTransport.sendMail(mailOptions, function (error, response) {
    if (error) {
        console.log(error);
        callback(error);
    }
});

Sagen wir, ich will in emailWithPDF.html so etwas wie dieses:

Hello {{username}}!

Ich habe festgestellt, dass einige Beispiele, wo war smth like this:

...
html: '<p>Hello {{username}}</p>'
...

aber ich will es in eine separate html-Datei. Ist es möglich?

InformationsquelleAutor Wacław Łabuda | 2016-09-14

Was Sie tun können, ist, Lesen Sie die HTML-Datei mit fs Modul in Knoten und ersetzen Sie dann die Elemente, die geändert werden sollen, in die html-string mit handlebars

var nodemailer = require('nodemailer');
var smtpTransport = require('nodemailer-smtp-transport');
var handlebars = require('handlebars');
var fs = require('fs');

var readHTMLFile = function(path, callback) {
    fs.readFile(path, {encoding: 'utf-8'}, function (err, html) {
        if (err) {
            throw err;
            callback(err);
        }
        else {
            callback(null, html);
        }
    });
};

smtpTransport = nodemailer.createTransport(smtpTransport({
    host: mailConfig.host,
    secure: mailConfig.secure,
    port: mailConfig.port,
    auth: {
        user: mailConfig.auth.user,
        pass: mailConfig.auth.pass
    }
}));

readHTMLFile(__dirname + 'app/public/pages/emailWithPDF.html', function(err, html) {
    var template = handlebars.compile(html);
    var replacements = {
         username: "John Doe"
    };
    var htmlToSend = template(replacements);
    var mailOptions = {
        from: '[email protected]',
        to : '[email protected]',
        subject : 'test subject',
        html : htmlToSend
     };
    smtpTransport.sendMail(mailOptions, function (error, response) {
        if (error) {
            console.log(error);
            callback(error);
        }
    });
});

Gibt es einen anderen Weg für das gleiche wie wir tun, wenn .pug - Datei, die wir gerade passieren Objekt zuordnen variable
Tut dies unterstützt die inline-CSS-styling?
Ja, es funktioniert, können Sie die css-styling auf Ihrer html-Seite
ich danke Ihnen so sehr!

InformationsquelleAutor Ananth Pai

3

Wenn Sie Nodemailer 2.0.0 oder höher, aktivieren Sie diese Dokumentation:
https://community.nodemailer.com/2-0-0-beta/templating/ Da Sie erklären, wie man das verwenden von external rendering mit Vorlagen wie:
```
//external renderer
var EmailTemplate = require('email-templates').EmailTemplate;
var send = transporter.templateSender(new EmailTemplate('template/directory'));
```
Geben Sie auch dieses Beispiel:
```
//create template based sender function
//assumes text.{ext} and html.{ext} in template/directory
var sendPwdReminder = transporter.templateSender(new EmailTemplate('template/directory'), {
    from: '[email protected]',
});
```
wo Sie sehen, wie die übergabe von Variablen.

Müssen Sie die email-templates Modul: https://github.com/crocodilejs/node-email-templates und eine template-engine Ihrer Wahl.

Auch in der Dokumentation von email-templates finden Sie, wie Sie Ihre Dateistruktur, damit Sie Ihre Vorlagen gefunden werden kann:

html.{{ext}} (erforderlich) - für das html-format der E-Mail -

text.{{ext}} (optional) - text-format der E-Mail Stil.

{{ext}}(optional) - Formatvorlagen für html-format unterliegen.

{{ext}}(optional) - zum Thema E-Mail -

Finden Sie unter unterstützte template-engines für mögliche template-engine-Erweiterungen (zB .ejs, .jade .nunjucks) zu verwenden, für die der Wert von {{ext}} oben.

Können Sie Präfix beliebigen Dateinamen mit alles, was Sie wie zu helfen, identifizieren Sie die Dateien leichter in Ihre IDE. Die einzige Voraussetzung ist, dass der Dateiname enthält html-Code., text., Stil., und Betreff. bzw.
- Gibt es einen anderen Weg für die gleichen, wie wir es tun bei .Mops-Datei, die wir gerade passieren Objekt zuordnen variable
InformationsquelleAutor Michael Troger

Können Sie eine Web-Anfrage zu erstellen ein html-template mit handlebars oder mit einem anderen Motor.

Eine Vorlage erstellen

Zuerst müssen Sie erstellen eine html-Vorlage für E-Mail-Körper. In diesem Beispiel habe ich einen LENKER hbs Datei.

Übergeben, variable an html-Vorlage in nodemailer

Tun Sie Ihre design-Zeug mit html, und fügen Sie die Variablen, die Sie müssen in die Meldung:

   <!DOCTYPE html>
   <html>
    <head>
        <meta name="viewport" content="width=device-width">
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Welcome Email Template</title>
    </head>
    <body>
     <p style="font-size: 14px; font-weight: normal;">Hi {{data.name}}</p>
    </body>
   </html>

Eine Vorlage erstellen, die Anfrage

Müssen Sie den Zugriff auf diese Ansicht. Dann wird eine Anfrage erstellt, wo wir können, senden Sie den Namen der Vorlage als url-parameter an, damit die Anforderung parametrierbar für andere Vorlagen.

const web = express.Router()

web.post('/template/email/:template', function(req, res) {
  res.render(`templates/email/${req.params.template}`, {
    data: req.body        
  })
})

Mail-Funktion

Schließlich können Sie die E-Mail senden, nachdem Sie die Anfrage an die Vorlage. Sie können eine Funktion verwenden, wie die folgenden:

const nodemailer = require('nodemailer')
const request = require("request")

function sendEmail(toEmail, subject, templateFile) {
    var options = {
        uri: `http://localhost:3000/template/email/${templateFile}`,
        method: 'POST',
        json: { name: "Jon Snow" } //All the information that needs to be sent
    };  
    request(options, function (error, response, body) {
        if (error) console.log(error)
        var transporter = nodemailer.createTransport({
            host: mailConfig.host,
            port: mailConfig.port,
            secure: true,
            auth: {
                user: mailConfig.account,
                pass: mailConfig.password
            }
        })
        var mailOptions = {
            from: mailConfig.account,
            to: toEmail,
            subject: subject,
            html: body
        }       
        transporter.sendMail(mailOptions, function(error, info) {
            if (error) console.log(error)
        })
    })
}

<!DOCTYPE html> für E-Mails?... Es ist ein bisschen mehr als das.

InformationsquelleAutor J.C. Gras

1

Diese kann getan werden, ohne Vorlagen.

Versuchen Sie es so:
```
`Hello ${username}!`
```
Stellen Sie sicher, dass diese nicht in Anführungszeichen gesetzt, aber wieder Zecken.
- Dies wird sich als html text jetzt.
InformationsquelleAutor Kullya

Für diejenigen, die sich mit Mops als Template-engine

Nur eine schnelle Methode für die Wiedergabe einer Vorlage in einer separaten Datei mit Mops " render-Funktion:

//function to send an e-mail. Assumes you've got nodemailer and pug templating engine installed. 
//transporter object relates to nodemailer, see nodemailer docs for details
const nodemailer = require('nodemailer');
const pug = require('pug');
function send_some_mail(iterable){
var message = {
  from: '[email protected]',
  to: '[email protected]',
  subject: 'Message title',
  html: pug.renderFile(__dirname + 'path_to_template.pug', {iterable: iterable})
};
transporter.sendMail(message, function(err, info){...})
}

//template.pug
each item in iterable
li
  p #{item.name}

Sehen https://pugjs.org/api/getting-started.html für weitere details. Beachten Sie, dass hierdurch Vorlage re-Zusammenstellung jedes mal, wenn eine Nachricht gesendet wird. Das ist in Ordnung für den gelegentlichen e-mail-Lieferungen. Wenn Sie senden Sie Tonnen von e-mails, die Sie Zwischenspeichern können, das kompilierte template um, dass die Arbeit. Check-out Mops-Dokumentation für das set-up, wenn Sie es brauchen.

InformationsquelleAutor wondersz1

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.