共計 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 網 – 提供最優質的資源集合！
正文完
