前端使用nodemailer发送邮件的过程及踩坑及问题解决
前端使用nodemailer发送邮件的过程及踩坑及问题解决1、版本及问题nodemailer 0.7.1版本nodemailer 2.7.2版本nodemailer6.7.0版本授权码的获取方式2.解决方案1、版本及问题我在使用nodejs和Vue构建前端界面的时候,希望在一个界面中直接实现一个发送邮件的功能。因此,当时希望减免麻烦直接在Vue项目中引入了nodemailer的包,然后就出现了一系
前端使用nodemailer发送邮件的过程及踩坑及问题解决
1、版本及问题
我在使用nodejs和Vue构建前端界面的时候,希望在一个界面中直接实现一个发送邮件的功能。因此,当时希望减免麻烦直接在Vue项目中引入了nodemailer的包,然后就出现了一系列的问题,本文描述相这些问题,并给出自己的解决方案。首先使用npm install nodemailer和 npm install dns命令安装这两个库,。注意:dns是必备的,要启动服务时会报错告诉你缺少dns这个库。在版本介绍后,会介绍授权码的获取过程(以qq为例)。
nodemailer 0.7.1版本
在开始使用nodemailer这个攻击的时候,首先会在网上搜索用法,极有可能会查到如下代码:
var smtpTransport = nodemailer.createTransport("SMTP",{
host: "smtp.qq.com", //连接的邮箱服务器
secureConnection: true, // 使用 SSL进行加密
port: 465, // SMTP的端口号
auth: {
user: "xxxxxxxx@qq.com", // 你的邮箱账号,这里以qq邮箱为例
pass: "xxxxxxxx" // 授权码,在你开启邮箱的的pos/smtp服务时能够得到的授权码,不是邮箱密码
}
});
// 设置邮件内容
var mailOptions = {
from: "Fred Foo <xxxxxxxx@qq.com>", // 发件地址,就是上面你输入的邮箱
to: "2838890xx@qq.com, minimixx@126.com", // 收件列表,要发送的目标邮箱
subject: "Hello world", // 标题
html: "<b>thanks a for visiting!</b> 世界,你好!" // html 内容
}
// 发送邮件
smtpTransport.sendMail(mailOptions, function(error, response){
if(error){
console.log(error);
}else{
console.log("Message sent: " + response.message);
}
smtpTransport.close();
});
上述代码就是标准的0.7版本的写法,在更高的版本不能使用,因此如果使用的话需要注意安装时一定要安装0.7版本。如npm install nodemailer@0.7.1。
nodemailer 2.7.2版本
上述版本已经是很老的一个版本,目前已经出了一些更新得版本,2.7.2也是一个老版本,但是网上依旧有这部分的代码解决方案这是nodemailer 2.7.2的官方网站。代码如下:
//首先是一个你的邮箱地址,然后时是授权码(和0.7.1版本的授权码获取方式是一样的),最后的邮件服务器。
var transporter = nodemailer.createTransport('smtps://xx@gmail.com:pass@smtp.gmail.com');
var mailOptions = {
from: '"Fred Foo ?" <foo@blurdybloop.com>', // 你的邮箱
to: 'bar@blurdybloop.com, baz@blurdybloop.com', // 要发送的目的邮箱地址列表
subject: 'Hello ✔', // 主题
text: 'Hello world ?', // 内容
html: '<b>Hello world ?</b>' // html
};
// 发送邮件
transporter.sendMail(mailOptions, function(error, info){
if(error){
return console.log(error);
}
console.log('Message sent: ' + info.response);
});
nodemailer 6.7.0版本
这是目前最新版本的nodemailer库,现在展现你最有可能搜到的另一端代码,也是我使用的代码,nodemailer的仓库地址代码如下:
const nodemailer = require("nodemailer");
let transporter = nodemailer.createTransport({
service: 'qq', //使用的邮箱服务,这里qq为例
port: 465, //邮箱服务端口号
secure: false, // true for 465, false for other ports
auth: {
user: "xxxxxxxx@qq.com", // 邮箱地址
pass: "************", //授权码
},
});
// send mail with defined transport object
transporter.sendMail({
from: 'xxxxxxxx@qq.com', // 你的邮箱
to: req.query.email, //发送的邮箱列表
subject: req.query.name, // 主题
text: req.query.msg, // 文本内容
}).then(res=>{
console.log(res)
});
授权码的获取方式
这里是以qq邮箱为例,首先是登陆qq邮箱,然后点击设置,如下图所示:
图片:![Alt]
然后点击账户,如下图所示:
然后找到如下图所示的部分:
这里我第一个POS3/SMTP已经开启了,如果未做过相关工作则会显示 已关闭 。开启第二个也是可以的,这两个开启一个即可。开启后有获得授权码的相关操作,得到授权码后直接复制使用即可。
2.解决方案
我最开始的时候是想将nodemailer 模块引入到Vue中,然后为保证nodemailer 的使用需要下载dns,但是在引入dns库后,Vue就老是提示项目中有‘.’的错误模块。我切换了上述三个版本均不能解决问题,包括在Vue中构架mock和express服务均不行。因此,我最后单独构建了一个nodejs的服务将nodemailer 模块单独作为一个服务开启。用我的前端界面去连接这个服务实现了邮件的成功发送。
我这里使用的服务框架是express模块。
首先使用npm install express命令安装express库,然后使用npm install body-parser安装body-parser库,这个库是用来解析参数的。
具体代码如下:
const nodemailer = require("nodemailer");
var bodyParser = require("body-parser");
let express = require('express');
let app = express();
app.use(bodyParser.urlencoded({extended: false}))// 这一句会解决掉一个错误
app.get('/email', function(req, res) {
let transporter = nodemailer.createTransport({
service: 'qq',
port: 465,
secure: false,
auth: {
user: "xxxxxxxx@qq.com",
pass: "**************",
},
});
// send mail with defined transport object
transporter.sendMail({
from: 'xxxxxxxxx@qq.com',
to: req.query.email, // 这里req.query获取get请求参数内容,若使用post请求则用req.body获取
subject: req.query.name,
text: req.query.msg,
}).then(res=>{
console.log(res)
});
});
app.listen('8081');//开启服务端口号8081
更多推荐
所有评论(0)