本文介绍了如何使用 Nodemailer 发送包含 HTML 模板的邮件。核心在于正确构造 `html` 选项，利用模板字符串和变量插值，动态生成邮件内容。同时，强调了模板字符串的正确使用方式，避免常见的语法错误，并提供可直接使用的代码示例。

使用 Nodemailer 发送 HTML 邮件的关键在于 mailOptions 对象的 html 属性。该属性允许你指定邮件的正文内容为 HTML 格式，从而实现更丰富的邮件样式和布局。以下是如何正确构造和使用 html 属性的详细说明。

使用模板字符串（Template Literals）

J*aScript 的模板字符串提供了一种便捷的方式来构建包含变量的字符串。它们使用反引号 () 包裹字符串，并允许使用${}` 语法插入变量。这对于动态生成 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);
    }
});

代码解释

1. 引入 Nodemailer: const nodemailer = require('nodemailer'); 引入 Nodemailer 库。
2. 创建传输器 (Transporter): 使用 nodemailer.createTransport() 创建一个传输器，配置邮件服务提供商和认证信息。 请务必使用环境变量或安全的方式存储你的邮箱密码，避免硬编码在代码中。
3. 构造 mailOptions 对象:
   • from: 发件人邮箱地址。
   • to: 收件人邮箱地址。
   • subject: 邮件主题。
   • html: 使用模板字符串构建的 HTML 内容。 注意反引号的使用，以及 ${variable} 语法来插入变量。
4. 发送邮件: 使用 transporter.sendMail() 发送邮件。 该方法接受 mailOptions 对象和一个回调函数，用于处理发送结果。

注意事项

• 转义 HTML 特殊字符: 如果变量中包含 HTML 特殊字符（如 、&），需要进行转义，以避免 HTML 注入攻击。可以使用 escape-html 等库进行转义。
• CSS 样式: 为了保证邮件在不同客户端上的显示效果一致，建议使用内联 CSS 样式。
• 邮件服务提供商限制: 某些邮件服务提供商对邮件大小、发送频率等有限制，需要注意遵守相关规定。
• 安全性: 避免在 HTML 模板中直接拼接用户输入，防止 XSS 攻击。对用户输入进行适当的验证和过滤。
• 异步操作: transporter.sendMail 是一个异步操作，请确保正确处理回调函数中的错误和成功情况。

总结

使用 Nodemailer 发送 HTML 邮件的关键在于正确使用模板字符串和变量插值，并注意安全性问题。 通过合理地组织 HTML 结构和 CSS 样式，可以创建出美观且功能丰富的邮件模板，提升用户体验。 记得配置正确的邮件服务提供商信息和认证信息，并处理发送邮件过程中的错误。

以上就是使用 Nodemailer 发送 HTML 邮件模板的详细内容，更多请关注其它相关文章！

# 邮箱地址  # 烟台网站整合营销推广  # 惠阳seo优化哪家便宜  # 黄冈seo获客策划  # 百度搜索营销推广策略  # 建设银行网站会员  # 营销推广市场有多大风险  # seo快速收录玩法分析  # 安徽seo系统  # 黑帽seo朋少  # 鄂州网站建设模板  # 自己的  # 关键在于  # 创建一个  # 单选框  # 显示效果  # css  # 发送邮件  # 多用户  # 表单  # 回调  # 邮箱  # 环境变量  # ai  # 回调函数  # 编码  # node  # html  # java  # word  # javascript 

相关栏目： 【 科技资讯46185 】 【 网络学院92790 】

相关推荐： QQ邮箱官方网页版登录 QQ邮箱个人邮箱快速访问  Golang如何通过reflect操作map_Golang reflect map操作与遍历技巧  2306选座时如何选靠窗位置_12306选座靠窗座位查看方法解析  漫蛙漫画登录站点 漫蛙2正版漫画快速访问  MongoDB Aggregation：在嵌套对象数组中精确匹配ObjectId  J*aScript map 迭代中检测空数组元素的有效方法  企业名称高精度匹配：N-gram方法在结构相似性分析中的应用  SteamMachine定价或为699美元 大家想入手吗？  一加 Nord 5 隐私权限异常_一加 Nord 5 系统安全优化  php源码怎么在电脑上测试_电脑测试php源码方法步骤【教程】  解决Flask中Quill编辑器内容提交失败及TypeError的指南  Angular响应式表单：实现提交后表单及按钮的禁用与只读化  Golang如何通过reflect获取匿名字段方法_Golang reflect匿名字段方法访问技巧  yy漫画网页版官方入口_yy漫画官网登录页面链接  Node.js中HTML按钮与J*aScript函数交互的正确姿势  R星幕后开发视频泄露 包含《GTA6》等多款大作  葱吃多了会怎样 葱吃多了会伤胃吗  CSS自定义字体样式被系统字体替换怎么办_font-face方式指定font-display控制渲染策略  Win11文件资源管理器卡顿怎么修 Win11重置资源管理器进程优化响应速度【修复方法】  天眼查怎么看公司融资情况 天眼查企业融资历史查询步骤【攻略】  J*aScript中向JSON对象添加新属性的正确姿势  铁路12306卧铺选择攻略 铁路12306下铺座位预定技巧  c++中为什么推荐使用using替代typedef_c++现代化类型别名  学习通网页版快速入口 学习通官网网页版直接打开  在VS Code中配置和运行Dart程序的完整步骤  单射、满射与双射的关系 一文理清所有逻辑  使用 Pandas 高效处理 .dat 文件：数据清洗与数值计算实战  PDF文件体积过大处理_PDF压缩技巧详解  谷歌google账号怎么注册账号 谷歌账号注册官方流程  J*aScript 字符串标签转换：使用正则表达式高效替换  Win10系统怎么查看已安装更新_Win10卸载有问题的更新补丁  Go Martini框架：动态服务解码后的图片内容  Python字典中优雅地迭代剩余元素的方法  Steam官网入口直达 Steam注册及登录步骤  优化 Python 函数中的条件逻辑：解决 if-else 嵌套与参数选择问题  J*aScript实现动态背景色下的文本与按钮颜色自适应调整  sublime如何只显示或隐藏特定类型文件_sublime侧边栏文件过滤  Golang如何实现Web文件静态资源服务器_Golang静态资源服务器开发与实践  AO3网页版最新入口合集 Archive of Our Own在线访问指南  Win11怎么开启省电模式_Win11电池节电模式自动开启  Python大型XML文件高效流式解析教程  Golang如何使用context实现超时取消_Golang context超时取消模式实践  b站怎么取消点赞_b站点赞取消操作方法  React Hooks最佳实践：动态组件状态管理的组件化方案  J*aScript：在map操作中高效处理空数组  腾讯视频怎么使用多账号家庭管理_腾讯视频家庭多账号统一管理与权限分配教程  抓大鹅无需下载版 抓大鹅秒玩版入口  poki免费入口快捷访问 poki人气小游戏直接玩站点  高德地图公交到站提醒失败如何解决 高德提醒权限设置  AWS EC2实例间SQL Server连接超时：安全组配置与故障排除指南