node开发后端 邮箱验证码

163邮箱为例

邮箱开通授权

后端

依赖

npm i nodemailer --save

创建发送邮件公共方法

在util问价加下新增mail.js文件

const nodemailer = require("nodemailer"); //引入依赖
/**
 * 发送邮件
 * @param {string} to 收件方邮箱
 * @param {string} title 内容标题
 * @param {string} content 邮件内容
 * @param {Function} callback 回调函数(内置参数)
 *
 */
function mail(to, title, content, callback) {
	/**
	 * 详细配置文件地址: node_modules/lib/well-known/services
	 */
	let transporter = nodemailer.createTransport({
		host: "smtp.163.com",
		port: 465,
		secure: true, // true for 465, false for other ports
		auth: {
			user: "your-email@163.com", //发送方邮箱
			pass: "123123", //发送方邮箱的授权码,一般去邮箱设置里面找,应该可以找到
		},
	});

	let options = {
		from: "your-email@163.com", //发送方邮箱
		to: to,
		subject: title,
		text: content,
		//html: '<h1>这里内容</h1>',text和html任选其一即可
	};
	//发送邮件
	transporter.sendMail(options, (err, data) => {
		callback &&
			callback(err, data, () => {
				transporter.close; //成功之后,关闭连接
			});
	});
}
module.exports = mail; //导出函数

创建路由

routers文件夹中新增mailRouter.js文件

const express = require("express");
const router = express.Router();
const mail = require("../util/mail");
router.get("/getcode", (req, res) => {
	const to = "to@163.com";
	let code = Math.floor(Math.random() * 900000) + 100000; //随机生成 6位数的验证码
	if (!req.session.mailCode) {
		req.session.mailCode = {};
	}
	req.session.mailCode[to] = code;// 将指定邮箱的code记录到session中
	mail(
		to,
		"欢迎使用",
		"您的验证码为:" + code + ",请妥善保管!",
		(err, data, successCallback) => {
			if (err) {
				res.json({ code: 0, msg: err });
			} else {
				res.json({ code: 200, msg: "验证码发送成功" });
				successCallback();
			}
		}
	);
});

module.exports = router;

app.js中导入

const mailRouter = require("./routes/mailRouter");
app.use(mailRouter);

前端调用

html
<el-button type="primary" size="default" @click="sendEmailCode">
    给邮箱发送验证码
</el-button>
js
const sendEmailCode = () => {
	axios.get("/api/getcode").then((res) => {
		if (res.data.code === 200) {
			ElMessage.success(res.data.msg);
		} else {
			ElMessage.error(res.data.msg);
		}
	});
};
  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
毕业设计,基于SpringBoot+Vue+MySQL开发的公寓报修管理系统,源码+数据库+毕业论文+视频演示 现代经济快节奏发展以及不断完善升级的信息化技术,让传统数据信息的管理升级为软件存储,归纳,集中处理数据信息的管理方式。本公寓报修管理系统就是在这样的大环境下诞生,其可以帮助管理者在短时间内处理完毕庞大的数据信息,使用这种软件工具可以帮助管理人员提高事务处理效率,达到事半功倍的效果。此公寓报修管理系统利用当下成熟完善的Spring Boot框架,使用跨平台的可开发大型商业网站的Java语言,以及最受欢迎的RDBMS应用软件之一的MySQL数据库进行程序开发。公寓报修管理系统有管理员,住户,维修人员。管理员可以管理住户信息和维修人员信息,可以审核维修人员的请假信息,住户可以申请维修,可以对维修结果评价,维修人员负责住户提交的维修信息,也可以请假。公寓报修管理系统的开发根据操作人员需要设计的界面简洁美观,在功能模块布局上跟同类型网站保持一致,程序在实现基本要求功能时,也为数据信息面临的安全问题提供了一些实用的解决方案。可以说该程序在帮助管理者高效率地处理工作事务的同时,也实现了数据信息的整体化,规范化与自动化。 关键词:公寓报修管理系统;Spring Boot框架;MySQL;自动化;VUE
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值