如何使用Express和Nodejs发送电子邮件
时间:2025-02-04 14:31:03 182浏览 收藏
IT行业相对于一般传统行业,发展更新速度更快,一旦停止了学习,很快就会被行业所淘汰。所以我们需要踏踏实实的不断学习,精进自己的技术,尤其是初学者。今天golang学习网给大家整理了《如何使用Express和Nodejs发送电子邮件》,聊聊,我们一起来看看吧!
使用自定义模板个性化电子邮件发送
我最近在Shiksha团队参与了一个项目,需要使用自定义模板向客户发送个性化电子邮件。本文将分享如何使用不同模板自定义电子邮件发送流程的经验。
创建电子邮件模板
项目中使用Nodemailer发送电子邮件。最初,我直接在sendmail函数中使用简单的HTML和CSS字符串作为模板:
async function sendemail(email, subject, text) {
try {
const transporter = nodemailer.createTransport({
host: process.env.email_host,
service: process.env.email_service,
port: Number(process.env.email_port),
secure: true,
auth: {
user: process.env.email_user,
pass: process.env.email_pass,
},
});
await transporter.sendMail({
from: process.env.email_user,
to: email,
subject: subject,
text: text,
html: text, //此处直接使用HTML字符串
});
return { success: true };
} catch (error) {
console.error(error);
return { success: false, error: error };
}
}
这种方法导致了跨不同邮件客户端显示不一致的问题。
问题与解决方案:邮件客户端兼容性及HTML/JS分离
在Outlook和Gmail中,由于HTML和JavaScript代码混杂,导致邮件显示效果差异巨大:


为了解决这个问题,我采取了以下两个步骤:
- 创建一致的模板: 我采用表格结构创建模板,确保在不同邮件客户端中都能一致显示。

- 分离HTML模板和JS代码: 我使用Handlebars模板引擎将HTML模板与JS代码分离。 这使得模板维护和更新更加方便。

新的HTML模板 (RevertEmail.html)
openlogo email
openlogo
|
|||
|
#### hi there, thanks for connecting with us. Your question (***{{message}}***) has been answered below: *{{reply}}* thanks, openlogo team |
|||
|
更新后的sendemail函数调用
const htmlFile = fs.readFileSync(__dirname + "/../../templates/RevertEmail.html", "utf-8").toString();
const template = handlebars.compile(htmlFile);
const replacements = { message: revertForm.message, reply };
const htmlBody = template(replacements);
const emailRes = await sendEmail(revertForm.email, "Response for your query at LogoExecutive", htmlBody);
通过这些改进,我成功创建了在不同邮件客户端中显示一致的个性化电子邮件模板,并有效地将HTML模板和JavaScript代码分离。
总结
本文分享了如何使用自定义模板发送个性化电子邮件的经验,并重点介绍了解决邮件客户端兼容性和HTML/JS代码分离的方案。 希望对大家有所帮助。 欢迎评论和建议! 也欢迎加入Shiksha团队,一起学习和成长!
本篇关于《如何使用Express和Nodejs发送电子邮件》的介绍就到此结束啦,但是学无止境,想要了解学习更多关于文章的相关知识,请关注golang学习网公众号!
相关阅读
更多>
-
502 收藏
-
501 收藏
-
501 收藏
-
501 收藏
-
501 收藏
最新阅读
更多>
-
374 收藏
-
422 收藏
-
449 收藏
-
105 收藏
-
285 收藏
-
111 收藏
-
文章 · 前端 | 1星期前 | 定时器 · 前端 · 性能排查 · 接口请求 · 轮询 · setInterval · setInterval 页面可见性 clearInterval 前端轮询 请求堆积 定时器清理490 收藏
-
253 收藏
-
295 收藏
-
128 收藏
-
365 收藏
-
350 收藏
课程推荐
更多>
-
- 前端进阶之JavaScript设计模式
- 设计模式是开发人员在软件开发过程中面临一般问题时的解决方案,代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景,打造一站式知识长龙服务,适合有JS基础的同学学习。
- 立即学习 543次学习
-
- GO语言核心编程课程
- 本课程采用真实案例,全面具体可落地,从理论到实践,一步一步将GO核心编程技术、编程思想、底层实现融会贯通,使学习者贴近时代脉搏,做IT互联网时代的弄潮儿。
- 立即学习 516次学习
-
- 简单聊聊mysql8与网络通信
- 如有问题加微信:Le-studyg;在课程中,我们将首先介绍MySQL8的新特性,包括性能优化、安全增强、新数据类型等,帮助学生快速熟悉MySQL8的最新功能。接着,我们将深入解析MySQL的网络通信机制,包括协议、连接管理、数据传输等,让
- 立即学习 500次学习
-
- JavaScript正则表达式基础与实战
- 在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
- 立即学习 487次学习
-
- 从零制作响应式网站—Grid布局
- 本系列教程将展示从零制作一个假想的网络科技公司官网,分为导航,轮播,关于我们,成功案例,服务流程,团队介绍,数据部分,公司动态,底部信息等内容区块。网站整体采用CSSGrid布局,支持响应式,有流畅过渡和展现动画。
- 立即学习 485次学习
openlogo
powered by teamshiksha