EmailJS:5步使用JavaScript直接从前端发送电子邮件

104次阅读

共计 1019 个字符，预计需要花费 3 分钟才能阅读完成。

使用 EmailJS 可以简化从前端发送电子邮件的过程。以下是在 JavaScript 中使用 EmailJS 的 5 个简单步骤：

注册并设置 EmailJS 帐户：首先，你需要在 EmailJS 网站上注册一个帐户。在创建帐户后，你将获得一个用户 ID，该 ID 将用于在前端配置和发送电子邮件。
安装 EmailJS 库：在 HTML 文件中，你需要添加 EmailJS 库的链接。使用以下代码将库引入到你的项目中：

<script src="https://cdn.emailjs.com/dist/email.min.js">

配置 EmailJS：在 JavaScript 文件中，你需要配置 EmailJS 以使用你的帐户信息和服务。使用以下代码将配置添加到你的项目中：

(function(){emailjs.init("YOUR_USER_ID");
})();

将 ”YOUR_USER_ID” 替换为你在步骤 1 中获得的用户 ID。

创建电子邮件模板：在 EmailJS 网站上，你可以创建自定义的电子邮件模板。选择“模板”选项卡并创建一个新模板。在模板中，你可以定义收件人、主题、正文等信息。
发送电子邮件：使用以下 JavaScript 代码，你可以从前端发送电子邮件：

function sendEmail() {
emailjs.send("YOUR_SERVICE_ID", "YOUR_TEMPLATE_ID", {
to_name: "收件人名称",
from_name: "发件人名称",
message: "邮件正文"
})
.then(function(response) {console.log("邮件发送成功！", response.status, response.text);
}, function(error) {console.log("邮件发送失败...", error);
});
}

将 ”YOUR_SERVICE_ID” 和 ”YOUR_TEMPLATE_ID” 替换为你在 EmailJS 网站上创建的服务和模板的 ID。将 ” 收件人名称 ”、” 发件人名称 ” 和 ” 邮件正文 ” 替换为实际的名称和内容。
调用 sendEmail() 函数将触发发送电子邮件的过程。你可以在控制台中查看发送电子邮件的状态和响应。
通过这 5 个简单步骤，你可以使用 EmailJS 从前端发送电子邮件。注意，EmailJS 还有其他功能和选项，可以根据你的需求进行进一步的自定义和配置。更多详细信息，请参阅 EmailJS 的官方文档。

丸趣 TV 网 – 提供最优质的资源集合！

正文完