我正在尝试将动态邮件发送到使用表单提交的电子邮件 ID。
下面是我的app.js代码。
//Importing Packages
var express = require('express');
var nodemailer = require('nodemailer');
var bodyParser = require('body-parser');
//Applying Express,Ejs to Node
app = express();
app.set('view engine', 'ejs');
app.use(bodyParser.urlencoded({extended:true}));
//Creating Nodemailer Transport
var transporter = nodemailer.createTransport({
host: 'smtp.zoho.com',
port: 465,
secure: true,
auth: {
user: 'noreply@*****.com',
pass: '******'
}
});
//Root Route Setup
app.get('/', function(req, res){
res.render("landing")
});
//Route to send the mail
app.post('/send', function(req,res){
//Setting up Email settings
var mailOptions = {
from: 'noreply@*****.com',
to : req.body.mail,
subject: 'Verify Your Email',
generateTextFromHtml : true,
html: { path: './tmpl.html'}
};
//Execute this to send the mail
transporter.sendMail(mailOptions, function(error, response){
if(error) {
console.log(error);
} else {
console.log(response);
}
});
res.send("Mail succesfully sent!")
});
//Server &Port Settings
app.listen(3333, function(){
console.log("Server is running...")
});
下面是我的Form页面代码，是一个ejs文件
<form action="/send" method="POST">
<input type="email" name="mail" placeholder="Enter your email">
<input type="text" name="name" placeholder="Enter your name">
<input type="submit">
</form>
下面是我的 html 模板，该模板将邮寄到使用表单提交的 ID。
<html>
<body>
<h1>Hello World!</h1>
<a href="http://www.google/com">Link</a>
</body>
</html>
如何从表单中读取姓名，然后将其包含在电子邮件中，以便在每封电子邮件中，我可以使用变量来称呼该人，例如“Hello Mr {{name}}”
我无法弄清楚如何将变量传递到 html 文件而不被电子邮件阻止，因为我无法在 HTML 文件内使用 Script 标签使用 Javascript，因为几乎所有邮件提供商都阻止电子邮件中的 JS！
有人可以帮我解决这个问题吗？
您可以使用已经通过express设置的ejs模板引擎。调用
app.render()简而言之，将您的电子邮件模板设为名为
verifyEmail.ejsapp.render()app.render// app.js
app.post('/send', function(req,res){
// Use the ejs rendering engine to render your email
// Pass in the 'name' variable that is used in the template file
app.render('verifyEmail', {name: req.body.name}, function(err, html){
if (err) {
console.log('error rendering email template:', err)
return
} else {
//Setting up Email settings
var mailOptions = {
from: 'noreply@*****.com',
to : req.body.mail,
subject: 'Verify Your Email',
generateTextFromHtml : true,
// pass the rendered html string in as your html
html: html
};
//Execute this to send the mail
transporter.sendMail(mailOptions, function(error, response){
if(error) {
console.log(error);
res.send('Mail Error! Try again')
} else {
console.log(response);
res.send("Mail succesfully sent!")
}
});
}
});
});
我添加了一些错误处理，并在由于服务器错误而未发送电子邮件时通知用户。您之前调用
res.send()将模板文件夹放在与“登陆”模板相同的目录中，或者放在 ejs 文件所在的任何其他位置。
通过调用
<%= %>来自 ejs docs：
... <%= %> 标签内的所有内容都会将其自身插入到返回的 HTML 中 字符串。
// views/verifyEmail.ejs
<html>
<body>
<h1>Hello <%= name %></h1>
<a href="http://www.google/com">Link</a>
</body>
</html>
<!DOCTYPE html>
<style>
img {
height: 50px;
object-fit: cover;
object-position: center center;
}
.containerLogo {
width: 200px;
height: 200px;
}
</style>
<body>
<h1>Hello World <% name %></h1>
<div class="containerLogo">
<img src="cid:logo" alt="logo">
</div>
</body>
</html>
我按照你说的方法做了，我的ejs代码工作顺利，但是它不接受样式添加，只能在标签中完成样式添加。