
本文介绍了如何使用 Nodemailer 发送包含 HTML 模板的邮件。核心在于正确构造 `html` 选项,利用模板字符串和变量插值,动态生成邮件内容。同时,强调了模板字符串的正确使用方式,避免常见的语法错误,并提供可直接使用的代码示例。
使用 Nodemailer 发送 HTML 邮件的关键在于 mailOptions 对象的 html 属性。该属性允许你指定邮件的正文内容为 HTML 格式,从而实现更丰富的邮件样式和布局。以下是如何正确构造和使用 html 属性的详细说明。
使用模板字符串(Template Literals)
JavaScript 的模板字符串提供了一种便捷的方式来构建包含变量的字符串。它们使用反引号 () 包裹字符串,并允许使用${}` 语法插入变量。这对于动态生成 HTML 内容非常有用。
立即学习“前端免费学习笔记(深入)”;
示例代码
const nodemailer = require('nodemailer');
// 假设从请求体中获取了以下数据
const name = 'John Doe';
const email = 'john.doe@example.com';
const phone = '123-456-7890';
const message = 'Hello, this is a test message.';
// 创建一个 Nodemailer 传输器
const transporter = nodemailer.createTransport({
service: 'gmail', // 或者其他邮件服务提供商
auth: {
user: process.env.AUTH_EMAIL, // 你的邮箱地址
pass: process.env.AUTH_PASSWORD // 你的邮箱密码或授权码
}
});
const mailOptions = {
from: process.env.AUTH_EMAIL,
to: 'recipient@example.com', // 收件人邮箱地址
subject: 'Community Partnership Project Contact Form Inquiry',
html: `
<div>
<p>Name: ${name}</p>
<br/>
<p>Email: ${email}</p>
<div class="aritcle_card">
<a class="aritcle_card_img" href="/xiazai/code/11013">
<img src="https://img.php.cn/upload/webcode/000/000/013/176465880844685.jpg" alt="商易多用户商城">
</a>
<div class="aritcle_card_info">
<a href="/xiazai/code/11013">商易多用户商城</a>
<p>功能介绍:1. 商品出售包含拍卖模式,一口价模式。2. 全套系统采用淘宝网风格,成熟,简洁大方3. 每个商品支持多张图片上传,可自由设定,满足广大网民的迫切要求4. 商品信息支持 ubb,图文并茂5. 注册用户可参与竞拍,或者拍卖自己的商品6. 拥有会员注册,交易提醒,成交商品确认等邮件发送功能7. 拥有交易双方信用评价的功能,使得交易安全可*,可信度高8. 拥有安全稳定的用户虚拟币平台,可实现商</p>
<div class="">
<img src="/static/images/card_xiazai.png" alt="商易多用户商城">
<span>0</span>
</div>
</div>
<a href="/xiazai/code/11013" class="aritcle_card_btn">
<span>查看详情</span>
<img src="/static/images/cardxiayige-3.png" alt="商易多用户商城">
</a>
</div>
<br/>
<p>Phone: ${phone}</p>
<br/>
<p>Message: ${message}</p>
</div>
`
};
// 发送邮件
transporter.sendMail(mailOptions, (error, info) => {
if (error) {
console.log('Error sending email:', error);
} else {
console.log('Email sent:', info.response);
}
});代码解释
注意事项
总结
使用 Nodemailer 发送 HTML 邮件的关键在于正确使用模板字符串和变量插值,并注意安全性问题。 通过合理地组织 HTML 结构和 CSS 样式,可以创建出美观且功能丰富的邮件模板,提升用户体验。 记得配置正确的邮件服务提供商信息和认证信息,并处理发送邮件过程中的错误。
以上就是使用 Nodemailer 发送 HTML 邮件模板的详细内容,更多请关注php中文网其它相关文章!
HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号