返回顶部
首页 > 资讯 > 精选 >nodejs怎么实现发送邮箱验证码功能
  • 394
分享到

nodejs怎么实现发送邮箱验证码功能

2023-06-30 10:06:48 394人浏览 独家记忆
摘要

这篇文章主要讲解了“nodejs怎么实现发送邮箱验证码功能”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“nodejs怎么实现发送邮箱验证码功能”吧!1、使用模块:nodemailer安装:n

这篇文章主要讲解了“nodejs怎么实现发送邮箱验证码功能”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“nodejs怎么实现发送邮箱验证码功能”吧!

1、使用模块:nodemailer

安装:npm install nodemailer --save

2、首先是来写一下前台注册界面,不说了,先上图。(不想看这一段的话直接跳到最后看邮箱验证码的实现)

nodejs怎么实现发送邮箱验证码功能

然后实现以下以下效果(看图先),就是点击发送验证码时出现一分钟后再试的倒计时。

nodejs怎么实现发送邮箱验证码功能

那现在先上代码先

(1)fORM表单

<form role="form" action="doReGISter" method="post" class="login-form">   <div class="form-group">      <label class="sr-only" for="form-username">Username</label>       <input type="text" name="username" placeholder="请输入账号..."  class="form-username form-control" id="form-username">    </div>    <div class="form-group">       <label class="sr-only" for="form-passWord">Password</label>       <input type="password" name="password" placeholder="请输入密码..."  class="form-password form-control" id="form-password">    </div>    <div class="form-group">       <label class="sr-only" for="form-password">Email</label>       <input type="text" name="email" placeholder="请输入邮箱..." class="form-password form-control" id="email"><br>       <input type="button"  onclick="abc()" class="btn btn-danger" id="emialcore" value="发送验证码">       <input type="text" name="code" placeholder="请输入验证码..." id="code">    </div>    <input type="submit" class="btn"></form>

(2)倒计时函数

<script>            function abc() {                var time = 60;//定义60秒的倒计时                var email = $('#email').val();//获取输入框的邮箱                var user_name = $('#form-username').val();//获取输入的账户名                                //这里我用的是ajax将用户名和邮箱发到后台                $.get('/api/email',                    {                        email:email,                        user_name:user_name                    },                    function (data) {                        console.log(data)                          }                )                                //设置一个定时,一秒执行一次                var mytime = setInterval(function () {                    subs();                },1000)                                 function subs(){                    time--;                    $('#emialcore').attr("value","请"+time+"秒后再试");                    if(time===0){                        clearInterval(mytime);                        $('#emialcore').attr("value","发送验证码");                        $('#emialcore').attr("disabled",false);//按键可用                    } else{                        $('#emialcore').attr("disabled",true);//按键不可用                    }                }                            }</script>

现在前台的注册页面就可以用了。

(2)发送邮箱

前往邮箱设置,以163邮箱为例,开启POP3/SMTP/IMAP,若不会,自行百度

nodejs怎么实现发送邮箱验证码功能

nodejs怎么实现发送邮箱验证码功能

新建一个nodemailer.js文件写发送邮件的配置信息,上代码

//nodemailer.jsconst nodemailer = require('nodemailer'); //创建一个smtp服务器const config = {    host: 'smtp.163.com',    port: 465,    auth: {        user: '这里写你自己的163邮箱@163.com', //注册的163邮箱账号        pass: 'xxxxxxx' //邮箱的授权码,不是注册时的密码,等你开启的stmp服务自然就会知道了    }};// 创建一个SMTP客户端对象const transporter = nodemailer.createTransport(config); //发送邮件module.exports = function (mail){    transporter.sendMail(mail, function(error, info){        if(error) {            return console.log(error);        }        console.log('mail sent:', info.response);    });};

发送验证码

router.get('/email',async (ctx)=>{     var email = ctx.query.email;//刚刚从前台传过来的邮箱    var user_name = ctx.query.user_name;//刚刚从前台传过来用户名    var code = await tools.createSixNum();//这里是我写的生成的随机六位数,等等下面给代码    var date = new Date();//获取当前时间    var isLive = "no";    //去数据库中找有没有同名的用户名,这里就要自己写了,不同的数据库查询方法不同    var result =await DB.find('user',{user_name:user_name});     //console.log(result);     if(result.length>0){        ctx.body ={success:false,message:"账号已经存在"}    }else{        ctx.body ={success:true,message:"账号可行"};//数据传回前台        var mail = {            // 发件人            from: '<你自己的163邮箱@163.com>',            // 主题            subject: '接受凭证',//邮箱主题            // 收件人            to:email,//前台传过来的邮箱            // 邮件内容,html格式            text: '用'+code+'作为你的验证码'//发送验证码        };         var JSON = {user_name,email,code,date,isLive};        await DB.insert('user',json);//将获取到的验证码存进数据库,待会提交时要检查是不是一致        await nodemail(mail);//发送邮件    }})

因为发的是六位数字的验证码,这里我写了一个随机生成六位随机数的函数:

createSixNum(){        var Num="";        for(var i=0;i<6;i++)        {            Num+=Math.floor(Math.random()*10);        }        return Num;   }

接下来就可以正常发送了,见下图

nodejs怎么实现发送邮箱验证码功能

发送完了验证码,输入完验证码还要验证一下是否真确

router.post('/doRegister',async (ctx)=>{      //console.log(ctx.request.body);     var username = ctx.request.body.username;//获取用户名    var password = ctx.request.body.password;//获取密码    var code = ctx.request.body.code;//获取你输入的验证码        //去数据库把刚刚在存验证码的时候一起存的那条记录找出来    var result =await DB.find('user',{"user_name":username});     var nowDate = (new Date()).getTime();//获取当前时间     判断验证码是否正确,时间是否超过10分钟    if(result[0].code===code && (result[0].date.getTime()) - nowDate <600000){        //更新数据库的用户信息,把用户密码深的也存进去        await DB.update('user',{user_name:username},{            "password":password,            "status":1,            "isLive":"yes",//注册成功啦            "add_time":tools.getTime()        });            }else{        ctx.render('admin/error',{            //验证码过期或者是验证码错误,要写点什么的话自己再去写写吧。        })     } });

感谢各位的阅读,以上就是“nodejs怎么实现发送邮箱验证码功能”的内容了,经过本文的学习后,相信大家对nodejs怎么实现发送邮箱验证码功能这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是编程网,小编将为大家推送更多相关知识点的文章,欢迎关注!

--结束END--

本文标题: nodejs怎么实现发送邮箱验证码功能

本文链接: https://lsjlt.com/news/328231.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • nodejs实现发送邮箱验证码功能
    本文实例为大家分享了nodejs实现发送邮箱验证码的具体代码,供大家参考,具体内容如下 今天做了个小demo,是用nodejs实现注册时(当然在别的地方也是可以用的)的邮箱验证功能,...
    99+
    2024-04-02
  • nodejs怎么实现发送邮箱验证码功能
    这篇文章主要讲解了“nodejs怎么实现发送邮箱验证码功能”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“nodejs怎么实现发送邮箱验证码功能”吧!1、使用模块:nodemailer安装:n...
    99+
    2023-06-30
  • SpringBoot发送html邮箱验证码功能
    1. 效果展示(用户收到的) 2. 邮件推送管理(见以后的博客) 先看看如果管理员手动发送该如何操作 3. 后端核心代码(通用版) 3.1 SendEmailVO实体类 ...
    99+
    2024-04-02
  • java实现发送邮箱验证码
    本文实例为大家分享了java实现发送邮箱验证码的具体代码,供大家参考,具体内容如下 添加依赖 <!-- 邮箱验证码 https://mvnrepository.com/ar...
    99+
    2024-04-02
  • 怎么利用node实现发送QQ邮箱验证码
    这篇文章主要介绍“怎么利用node实现发送QQ邮箱验证码”,在日常操作中,相信很多人在怎么利用node实现发送QQ邮箱验证码问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”怎么利用node实现发送QQ邮箱验证码...
    99+
    2023-06-30
  • JavaMailSender实现邮箱验证功能
    本文通过JavaMailSender实现邮箱注册验证中遇到的问题开始着手,给大家详细分析了其原理以及问题的解决办法。使用邮箱注册验证,我们需要理清设计思路:问题一:注册信息提交后需要对填写的邮箱号发送邮件问题二:邮件到达时用户如何进行激活,...
    99+
    2023-05-30
    javamailsender 邮箱验证 ava
  • 使用django怎么实现发送验证码注册邮箱
    这篇文章将为大家详细讲解有关使用django怎么实现发送验证码注册邮箱,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。视图代码lis = []#设置一个空列表用来存放发送的...
    99+
    2023-06-14
  • django注册用邮箱发送验证码的实现
    视图代码 lis = []#设置一个空列表用来存放发送的验证码,用来验证 def yzm1(): res1 = "" for i in range(4):#用四...
    99+
    2024-04-02
  • AJAX和WebService怎么实现邮箱验证功能
    这篇文章主要讲解了“AJAX和WebService怎么实现邮箱验证功能”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“AJAX和WebService怎么实现邮...
    99+
    2024-04-02
  • 如何利用node实现发送QQ邮箱验证码
    目录开通QQ邮箱POP3/SMTP服务获取qq邮箱授权码搭建node接口服务开始安装插件开始编写index.js文件程序声明并定于发送邮件函数编写connect、body-parse...
    99+
    2024-04-02
  • 使用SpringBoot发送邮箱验证码的简单实现
    目录题外话提前准备2.1 配置邮箱第三方登录2.1.1 点击设置——账户2.1.2 开启POP3/SMTP服务2.2 添加依赖2.3 yaml配置进入主题测试...
    99+
    2023-05-18
    SpringBoot 验证码 SpringBoot 邮箱发送
  • php怎么实现发送验证码的功能
    本文操作环境:Windows7系统、PHP7.1版、DELL G3电脑php怎么实现发送验证码的功能PHP实现发送短信验证码:一、html代码<li> <span>手机号码:</span> <inp...
    99+
    2021-10-31
    php 验证码
  • vue中如何实现手机号和邮箱正则验证以及60s发送验证码功能
    这篇文章将为大家详细讲解有关vue中如何实现手机号和邮箱正则验证以及60s发送验证码功能,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。写一个简单的验证,本来前面用的组件,...
    99+
    2024-04-02
  • springboot整合redis实现发送邮箱并验证
    目录1.起步2.工具类邮箱工具类redis乱码解决3.controller搭建4.前端搭建结果总结1.起步 pom文件 <!--集成redis--> ...
    99+
    2024-04-02
  • 【SpringBoot】| 邮箱发送验证码,你会了吗?
    目录 🦁 题外话🦁 提前准备2.1 配置邮箱第三方登录2.1.1 点击设置——账户2.1.2 开启POP3/SMTP服务 2.2 添加依赖2.3 yaml配置 🦁 进入主题&...
    99+
    2023-08-17
    spring boot java 后端
  • Nodejs怎么实现短信验证码功能
    这篇文章将为大家详细讲解有关Nodejs怎么实现短信验证码功能,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。使用Nodejs的开发者愈来越多,基于Nodejs的后台开发也...
    99+
    2024-04-02
  • Thinkphp5.1怎么实现邮箱验证
    本篇内容介绍了“Thinkphp5.1怎么实现邮箱验证”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!具体问题:比如我想验证这个email是否...
    99+
    2023-06-25
  • Nodejs实现短信验证码功能
    使用Nodejs的开发者愈来越多,基于Nodejs的后台开发也多了起来,像短信验证码、短信群发、国际短信这些需求,完全可以采用第三方接口来实现,云片就提供了这样的接口。 Nodejs // 修改为您的a...
    99+
    2022-06-04
    验证码 短信 功能
  • PHP实现发送邮件功能代码|PHP怎么实现QQ邮件发送|Php发送邮件代码
    最近学习PHP的过程中发现了一个很实用的功能那就是发送QQ邮件,因为这个功能很常用我也是研究了半天找到一个很好的demo感兴趣的可以自己下载学习一下这个Php发送邮件代码真的很实用而且很好用 使用方法: 上传整体压缩包到服务器解压 修改se...
    99+
    2023-09-16
    php 服务器 apache
  • php如何实现发送验证码的功能
    这篇文章给大家分享的是有关php如何实现发送验证码的功能的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。php实现发送验证码功能的方法:1、创建好HTML和js文件;2、创建“Msm.php”文件,内容为“publ...
    99+
    2023-06-25
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作