SmtpJS纯前端JS发送邮件

布满荆棘的人生 2023-10-08 20:47 3阅读 0赞

官网：[SmtpJS.com - Send Email from JavaScript][]

![16fab306e86346d69482c130e4b99846.png][]SMTP是SIMPLE MAIL TRANSFER PROTOCOL的缩写，一般的发信软件，如Outlook Express、FoxMail、Eudora都是使用这个协议进行发信的。

SMTP Host 中文意思就是"简单邮件传送协议服务器"

一般免费的邮箱,如下列出的,他们的SMTP服务器就是在域名前加上smtp就行了.

smtp.163.com  
smtp.21cn.com  
smtp.sina.com.cn  
smtp.sohu.com  
smtp.126.com

对应的别一个邮件协议是:POP3(Post Office Protocol 3)  
它规定怎样将个人计算机连接到Internet的邮件服务器和下载电子邮件的电子协议。它是因特网电子邮件的第一个离线协议标准,POP3允许用户从服务器上把邮件存储到本地主机（即自己的计算机）上,同时删除保存在邮件服务器上的邮件，而POP3服务器则是遵循POP3协议的接收邮件服务器，用来接收电子邮件的。  
**从Javascript发送电子邮件，步骤如下：**

<script src =“ https://smtpjs.com/v3/smtp.js”> 
    </ script>
    
    
    
    Email.send({
        Host : "smtp.yourisp.com",
        Username : "username",
        Password : "password",
        To : 'them@website.com',
        From : "you@isp.com",
        Subject : "This is the subject",
        Body : "And this is the body"
    }).then(
      message => alert(message)
    );
    
    
    Email.send({
        Host : "smtp.163.com",
        Username : "qzxt@163.com",
        Password : "IRUHPSOOKGDNHDHG",
        To : '1968888999@qq.com',
        From : "qzxt@163.com",
        Subject : "邮件主题",
        Body : "<h1>邮件内容</h1>"
    }).then(
      message => alert(message)
    );

**注意：发件人必须要开启smtp服务，以163为例，步骤如下：**

找到设置下的POP3/SMTP/IMAP进去

![fb5be559d632944b035e34d4e3002275.png][]

2.开启smtp服务并将生成密码填写到password配置项

![45ca8d4518c8fa870155506bcf46305e.png][]

**如果你不希望你的SMTP凭据对全世界可见，你可以加密SMTP凭据，并将其锁定到单个域，然后传递安全令牌代替凭据**

![7778813ce0f72b2cf60617d313d55a82.png][]

Email.send({
        SecureToken : "C973D7AD-F097-4B95-91F4-40ABC5567812",
        To : 'them@website.com',
        From : "you@isp.com",
        Subject : "This is the subject",
        Body : "And this is the body"
    }).then(
      message => alert(message)
    );

[SmtpJS.com - Send Email from JavaScript]: https://www.smtpjs.com/
[16fab306e86346d69482c130e4b99846.png]: https://img-blog.csdnimg.cn/16fab306e86346d69482c130e4b99846.png
[fb5be559d632944b035e34d4e3002275.png]: https://img-blog.csdnimg.cn/img_convert/fb5be559d632944b035e34d4e3002275.png
[45ca8d4518c8fa870155506bcf46305e.png]: https://img-blog.csdnimg.cn/img_convert/45ca8d4518c8fa870155506bcf46305e.png
[7778813ce0f72b2cf60617d313d55a82.png]: https://img-blog.csdnimg.cn/img_convert/7778813ce0f72b2cf60617d313d55a82.png