react-hooks + node 使用qq邮箱发送验证码，验证修改密码

在平常，我们写登录注册react项目时，我们可能会考虑使用QQ邮箱发送验证码登录注册，或者使用QQ邮箱验证来修改密码，下面，我们就来使用QQ邮箱来简单发送个邮件。

1、当我们想在react项目中使用QQ邮箱时，首先要登录QQ邮箱，并且在QQ邮箱中开启，开启SMTP服务，如图所示：

2、下载第三方依赖并引入

npm i nodemailer -sconst nodemailer = require("nodemailer")

3、创建一个js文件，比如 Sendmail.js

const nodemailer = require("nodemailer")  //引入模块
//创建一个smtp的服务器，对邮箱进行配置
const config = {host: 'smtp.qq.com',//邮箱服务的主机//qq邮箱对应的pop3和smtp服务器地址分别为pop.qq.com  smtp.qq.comport: 465,//对应的端口号//QQ邮箱对应的pop3和smtp服务器的端口号分别为995   465或587auth: {user: '注册邮箱号', //注册的邮箱账号pass: '邮箱的授权码' //邮箱的授权码，当你开通QQ邮箱smtp服务时，会发送给你一个码，这个码是你自己独有的}
};
//创建一个SMPT客户端对象
const transporter = nodemailer.createTransport(config);//发送邮件
module.exports = function  nodemail(mail){ //mail 为要发送的的qq邮箱transporter.sendMail(mail, function(error, info){if(error) {//若发送邮箱有错误，就把错误打印出来return console.log(error);}console.log('mail sent:', info.response);//info为发送邮件的基本信息});
};

4、在node的服务器文件上写请求，接收到前端发送来的要求发送的6位随机数的邮件的请求，我们可以如此写后端接口文件

const createSixNum = () => {var Num = "";for(var i = 0; i<6;i++) {Num += Math.floor(Math.random() * 10);}return Num;}var code = await createSixNum();//这是用来生成随机六位数的connection.query(find4,(error,result) => {//find4  是一个用于在数据库中查找是否存在该邮箱的SQL语句if(result.length) {//若存在该邮箱var mail = {//发件人from:'你的发件邮箱',//主题subject:'修改密码',//收件人to:email,//邮件内容，HTML 格式text:'你的验证码为'+code+',有效期为五分钟!'};Initcode = code;//将验证码保存到全局，用于修改密码时与输入的验证码进行比对nodemail(mail)res.send(// code:0,// message:'发送成功'"验证码发送成功!")}else {res.send('该邮箱未注册!')}})
})

react-hooks + node 使用qq邮箱发送验证码，验证修改密码相关推荐

Spring Boot 整合163或者qq邮箱发送验证码
前记最近做的项目中注册功能要用到验证码,本来想用阿里云的短信服务,但是有点小贵,就另辟捷径,选择了用邮箱来发送验证码.记录一下整合过程,也希望能帮助一些有需要的人. 正文 1.Spring Boot ...
SpringBoot通过qq邮箱发送验证码
SpringBoot通过qq邮箱发送验证码 1.开启qq授权码 2.编写配置文件 spring:#邮箱验证mail:##163 smtp.163.com(反垃圾系统发送不了了)##qq smtp.qq ...
最简单Java实现QQ邮箱发送验证码
Java使用QQ邮箱发送验证码 1. 开启服务,获取授权码需登录自己的QQ邮箱,打开 POP3/SMTP 服务,并获取授权码. 具体操作: 登录邮箱邮箱首页 "设置" 选择 & ...
java发送qq邮箱验证_JAVA 实现 QQ 邮箱发送验证码功能（不局限于框架）
JAVA 实现 QQ 邮箱发送验证码功能(不局限于框架) 本来想实现 QQ 登录,有域名一直没用过,还得备案,好麻烦,只能过几天再更新啦. 先把实现的发送邮箱验证码更能更新了. 老规矩,更多内容在注释 ...
Python使用QQ邮箱发送验证码
向指定对象发送验证码在做一些个人的demo或者实战项目等,涉及登录验证的,可以通过该方式实现一个简易的邮箱发送验证码. 该方法使用了Python的smtplib第三方库,需要保证发送者的QQ邮箱开通 ...
QQ邮箱发送验证码功能的实现
1.打开QQ邮箱的xxx服务,记住授权码 2.引入依赖 <dependency> <groupId>org.springframework.boot&l ...
java邮箱发送验证码_java实现使用QQ邮箱发送验证码功能
首先当然是导入jar包了啊如果是maven项目可以进maven资源库进行搜索导入,在此附上地址:https://mvnrepository.com 这是需要导入的jar包 commons-emai ...
Vue+ .netcore3.1 模拟QQ邮箱发送验证码
文章目录 #1.先看效果图 #1.1开通邮箱SMTP服务 #2.前端(vue+axios) #2.1前端源码 #2.2安装并使用axios, #2.2.1在mian.js中引用axios #2.3发送 ...
Unity中使用QQ邮箱发送验证码
1.打开邮箱设置开启POP3/SMTP服务 2.生成授权码 3.发送验证码按钮事件 public void SendVerificationCode() {// 随机生成验证码Verification ...

react-hooks + node 使用qq邮箱发送验证码，验证修改密码

react-hooks + node 使用qq邮箱发送验证码，验证修改密码相关推荐

最新文章

热门文章