如何利用node实现发送QQ邮箱验证码
更新时间:2022年04月14日 14:15:36 作者:菜鸟入坑
我们在开发网站时,发送验证码的功能是必定会遇到的,下面这篇文章主要给大家介绍了关于如何利用node实现发送QQ邮箱验证码的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
开通QQ邮箱POP3/SMTP服务
登录QQ邮箱网址,进入设置选择账户tab页翻到最低下开启此服务
获取qq邮箱授权码
搭建node接口服务
思路
- 创建index.js文件
- 安装connect、body-parser、nodemailer模块
- 编写引入connect框架
- 编写引入bodyParser模块
- 引入nodemailer模块
开始安装插件
使用cmd命令提示或者Git一次执行以下安装命令
开始编写index.js文件程序
引入各个模块
let connect = require('connect'), // 引入connect模块 bodyParser = require('body-parser'), // 引入body-parser解析模块 nodemailer = require('nodemailer'); // 引入nodemailer模块
声明并定于发送邮件函数
async function sendMail(text,receive) { let user = "703669046@qq.com";//自己的邮箱 let pass = "sfsdfsdfsggxcew"; //qq邮箱授权码 let to = `${receive}@qq.com`; //对方的邮箱 let transporter = nodemailer.createTransport({ host: "smtp.qq.com", port: 587, secure: false, auth: { user: user, // 用户账号 pass: pass, //授权码,通过QQ获取 }, }); let info = await transporter.sendMail({ from: `测试node发送邮箱<${user}>验证码`, // sender address to: `测试验证码<${to}>`, // list of receivers subject: "测试验证码", // Subject line text: text, // plain text body }); }
编写connect、body-parser解析模块
var app = connect() .use(bodyParser.json()) //JSON解析 .use(bodyParser.urlencoded({ extended: true })) //use()方法还有一个可选的路径字符串,对传入请求的URL的开始匹配。 //use方法来维护一个中间件队列
跨域请求设置
.use(function (req, res, next) { //跨域处理 // Website you wish to allow to connect res.setHeader('Access-Control-Allow-Origin', '*'); //允许任何源 // Request methods you wish to allow res.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, PATCH, DELETE'); //允许任何方法 // Request headers you wish to allow res.setHeader('Access-Control-Allow-Headers', '*'); //允许任何类型 res.writeHead(200, { "Content-Type": "text/plain;charset=utf-8" }); //utf-8转码 next(); //next 方法就是一个递归调用 })
编写发送qq邮箱验证码接口
.use('/emails', function (req, res, next) { let qqEmail= req.body.email; var obj = { code:Math.ceil(Math.random()*1000) }; let text=`验证码:${obj.code}.您正在使用登录功能,验证码提供他人可能导致账号被盗,请勿转发或泄漏` sendMail(text,qqEmail) res.end(JSON.stringify(obj)) next(); })
设置端口
在var app = connect()后面接上
.listen(3331);
启动node服务
在index.js当前文件下开启cmd命令提示符或者Git命令框执行node index.js
命令
前端模块
我是使用vue-cli+elementui
- html代码部分
<template> <div> <el-form :model="ruleForm" status-icon ref="ruleForm" label-width="100px" class="demo-ruleForm" > <el-form-item label="QQ" prop="email"> <el-input type="email" v-model="ruleForm.email" autocomplete="off"></el-input> <el-button @click="handleCode">获取验证码</el-button> </el-form-item> <el-form-item label="验证码" prop="code"> <el-input v-model.number="ruleForm.code"></el-input> </el-form-item> <el-form-item> <el-button type="primary" @click="submitForm('ruleForm')">提交</el-button> <el-button @click="resetForm('ruleForm')">重置</el-button> </el-form-item> </el-form> </div> </template>
效果图
js请求代码部分
import ajax from '../../utli/request' export const getCheckCode = param => ajax.$post('/emails', param || {});
js事件部分
<script> import {getCheckCode} from './api/form' export default { data() { return { ruleForm: { email: "", checkPass: "", code: "" }, }; }, methods: { submitForm(formName) { this.$refs[formName].validate(valid => { if (valid) { alert("submit!"); } else { console.log("error submit!!"); return false; } }); }, resetForm(formName) { this.$refs[formName].resetFields(); }, async handleCode(){ let params= { email:this.ruleForm.email } let res = await getCheckCode(params); if(res.state==200){ console.log(res) } } } }; </script>
发送qq验证给用户
成功收到邮箱验证码
总结
到此这篇关于如何利用node实现发送QQ邮箱验证码的文章就介绍到这了,更多相关node发送QQ邮箱验证码内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
相关文章
Node.js数据流Stream之Duplex流和Transform流用法
这篇文章介绍了Node.js数据流Stream之Duplex流和Transform流的用法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2022-07-07Node.JS使用Sequelize操作MySQL的示例代码
Node.JS提供了操作数据库的基础接口,本篇文章主要介绍了Node.JS使用Sequelize操作MySQL的示例代码,具有一定的参考价值,有兴趣的可以了解一下2017-10-10详解nodejs中exports和module.exports的区别
本文主要介绍了exports 和 module.exports 的区别。具有很好的参考价值,下面跟着小编一起来看下吧2017-02-02
最新评论