如何用 emailjs 发送精美的 HTML 邮件：完整教程与实战示例

如何用 emailjs 发送精美的 HTML 邮件完整教程与实战示例【免费下载链接】emailjshtml emails and attachments to any smtp server with nodejs项目地址: https://gitcode.com/gh_mirrors/em/emailjsemailjs 是一款功能强大的 Node.js 库能够帮助开发者轻松发送包含 HTML 内容和附件的电子邮件到任何 SMTP 服务器。本文将为你提供一个简单快速的完整指南让你从零开始掌握使用 emailjs 发送精美 HTML 邮件的方法。 准备工作安装与环境配置要开始使用 emailjs首先需要确保你的开发环境满足基本要求。emailjs 要求 Node.js 版本 18 或更高因此请先检查你的 Node.js 版本。1. 安装 emailjs你可以通过 npm 或 yarn 来安装 emailjs 包npm install emailjs # 或者 yarn add emailjs如果你想直接使用源码进行开发可以克隆项目仓库git clone https://gitcode.com/gh_mirrors/em/emailjs cd emailjs npm install npm run build项目的主要代码位于 src/ 目录下其中 src/message.ts 文件定义了邮件消息的核心功能。✨ 创建你的第一封 HTML 邮件emailjs 提供了简单直观的 API 来创建和发送 HTML 邮件。下面我们将通过一个实际示例来演示如何构建并发送一封精美的 HTML 邮件。1. 基本 HTML 邮件结构创建一个名为send-html.js的文件引入 emailjs 并构建邮件内容import { Message } from emailjs; // 创建 HTML 内容 const htmlContent !DOCTYPE html html head titleHTML Email/title /head body h1Hello from emailjs!/h1 pThis is an strongHTML/strong email sent from a script./p pIt was sent on ${new Date().toLocaleString()}./p /body /html ; // 创建邮件消息 const message new Message({ from: senderexample.com, to: recipientexample.com, subject: Test HTML Email, attachment: [ { data: htmlContent, alternative: true, contentType: text/html } ], });2. 配置 SMTP 服务器并发送邮件接下来需要配置 SMTP 服务器信息并发送邮件。以下是完整的发送代码import { SMTPClient } from emailjs; // 配置 SMTP 客户端 const client new SMTPClient({ user: your-emailexample.com, password: your-password, host: smtp.example.com, port: 587, tls: true }); // 发送邮件 async function sendEmail() { try { console.log(Attempting to send HTML email...); await client.sendAsync(message); console.log(HTML email sent successfully!); } catch (error) { console.error(Failed to send HTML email:, error); } finally { client.smtp.close(); } } sendEmail();你可以在项目的 scripts/send-html.js 文件中找到完整的示例代码。 高级功能添加附件和样式emailjs 不仅支持 HTML 内容还可以轻松添加各种附件并通过内联 CSS 美化邮件样式。1. 添加附件你可以添加文件、字符串或流作为附件attachment: [ { data: htmlContent, alternative: true, contentType: text/html }, { path: test/attachments/smtp.pdf, name: document.pdf }, { data: Hello World!, name: text.txt } ]项目的 test/attachments/ 目录中提供了多种附件示例包括 PDF、HTML 和文本文件。2. 美化 HTML 邮件样式为了让邮件在各种邮件客户端中正确显示建议使用内联 CSS 样式div stylebackground-color: #f5f5f5; padding: 20px; h1 stylecolor: #2c3e50;Hello from emailjs!/h1 p stylefont-size: 16px; color: #34495e;This is a styled HTML email./p /div 测试与调试emailjs 提供了完善的测试工具来帮助你调试邮件发送功能。项目中包含了多种测试文件如 src/message.test.ts 和 src/client.integration.test.ts。你可以使用以下命令运行测试npm test 总结通过本教程你已经了解了如何使用 emailjs 发送精美的 HTML 邮件包括基本设置、创建 HTML 内容、添加附件和样式以及测试调试方法。emailjs 提供了简单而强大的 API让邮件发送变得轻松高效。无论是开发个人项目还是企业应用emailjs 都是一个值得信赖的选择。开始使用 emailjs为你的用户发送专业、美观的电子邮件吧【免费下载链接】emailjshtml emails and attachments to any smtp server with nodejs项目地址: https://gitcode.com/gh_mirrors/em/emailjs创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考