作为一个前端er,利用node独立做一些全栈小项目,是很有效率和必要的。
需要:
做一个活动报名页面,用户填好的表单需要被工作人员收到,一想到把数据存数据库,还需要给工作人员写一个管理页面就觉得很麻烦。
把表单数据通过邮件方式发送到相关人邮箱,很讨巧,很节约开发成本,就这样做。
核心模块:nodemailer
看看package.json:
{ "devDependencies": { "gulp": "^3.8.11", "gulp-imagemin": "^2.2.1", "gulp-less": "^3.0.3", "gulp-notify": "^2.2.0", "gulp-uglify": "^1.2.0", "gulp-watch": "^4.2.4", "require-dir": "^0.3.0" }, "dependencies": { "body-parser": "^1.15.0", "express": "^4.13.4", "nodemailer": "^2.3.0", "swig": "^1.4.2" }}
- devDependencies里全是gulp模块
- 引入body-parser模块可以通过req.body.xx获取到表单的数据
- 常规使用express
- nodemailer用来支持发送邮件
- swig是node的一个模板引擎
使用nodemailer:
1.这里用到的是QQ邮箱,配置好地址和自己的账户名和密码
var nodemailer = require("nodemailer");var smtpTransport = nodemailer.createTransport({ host: 'smtp.exmail.qq.com', port: 465, secure: true, // use SSL auth: { user: 'yourqq@qq.com', pass: 'password' }});
2.from和to设置邮件发送者和收件者的邮箱地址,
subject邮件title
html邮件内容
smtpTransport.sendMail执行发送,这里的res是express router的响应参数,这里只贴主要代码,详细代码最后发github地址
var mailOptions = { from: "yourqq@qq.com", to: "toqq@qq.com", subject: "node邮件", html: "<b>姓名: </b>"+name+"<br>"+ "<b>性别: </b>" + sex + "<br>"+ "<b>电话: </b>" + phone + "<br>"+ "<b>邮箱: </b>" + email + "<br>"+ "<b>QQ: </b>" + qq + "<br>"+ "<b>年龄: </b>" + age + "<br>"+ "<b>联系地址: </b><br><div style='margin-left:20px;margin-top:20px'>" + address + "</div><br>"+ "<b>所在院校及专业: </b><br><div style='margin-left:20px;margin-top:20px'>" + school + "</div><br>"+ "<b>学校地址: </b><br><div style='margin-left:20px;margin-top:20px'>" + schooladdress + "</div><br>"+ "<b>跟我们说说你的大学吧: </b><br><div style='margin-left:20px;margin-top:20px'>" + des + "</div><br>"+ "<b>个人书单及评价: </b><br><div style='margin-left:20px;margin-top:20px'>" + book + "</div><br>"}smtpTransport.sendMail(mailOptions, function(err, resp){ if(err){ res.send({ code: 201, msg: "报名失败,请重试" }) }else{ res.send({ code: 200, msg: "报名成功" }) } smtpTransport.close();//关闭连接池});
其实很简单,核心代码就是这些~
绑定路由:
app.get('/', function(req, res) { res.render('index');})app.get('/success', function(req, res) { res.render('success');})app.post('/join', function(req, res){ var name = req.body.name, sex = req.body.sex, phone = req.body.phone, email = req.body.email, qq = req.body.qq, age = req.body.age, address = req.body.address, school = req.body.school, schooladdress = req.body.schooladdress, des = req.body.des, book = req.body.book; //next do send})
前端当然也有一些事情要做,写好页面,验证表单,提交表单。
当前只有两个页面,报名页面和报名成功页面。
页面内容不再叙述,详情看下面git地址
需要注意的问题:
- 用不同的邮箱发送邮件,需要找到相应官方api地址
- 邮件内容的html是有一定规则的,每个三方邮箱的规则都不同,可以查阅相关通用资料
https://github.com/zimv/nodemailer-demo
还没有人抢沙发呢~