您现在的位置是:群英 > 开发技术 > web开发
发送邮箱验证码功能怎么使用nodejs实现
Admin发表于 2022-05-17 18:18:271266 次浏览
在实际案例的操作过程中,我们可能会遇到“发送邮箱验证码功能怎么使用nodejs实现”这样的问题,那么我们该如何处理和解决这样的情况呢?这篇小编就给大家总结了一些方法,具有一定的借鉴价值,希望对大家有所帮助,接下来就让小编带领大家一起了解看看吧。

本文实例为大家分享了nodejs实现发送邮箱验证码的具体代码,供大家参考,具体内容如下

今天做了个小demo,是用nodejs实现注册时(当然在别的地方也是可以用的)的邮箱验证功能,大体就是往指定的邮箱发送六位验证码。以下是详细步骤。

1、使用模块:nodemailer

安装:npm install nodemailer --save

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

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

那现在先上代码先

(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,若不会,自行百度

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

//nodemailer.js
const 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;
   }

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

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

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',{
            //验证码过期或者是验证码错误,要写点什么的话自己再去写写吧。
        })
 
    }
 
});

期间你会遇到很多错误,不过都是有代码的,主义自己debug一下,看什么错误,然后查看163的返回错误代码文件或者是自行百度。 


以上就是关于“发送邮箱验证码功能怎么使用nodejs实现”的相关知识,感谢各位的阅读,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注群英网络,小编每天都会为大家更新不同的知识。

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。

相关信息推荐
2022-08-19 17:47:11 
摘要:这篇文章主要介绍了python 多线程与多进程效率测试,在Python中,计算密集型任务适用于多进程,IO密集型任务适用于多线程、接下来看看文章得实例吧,需要的朋友可以参考一下哟
2022-06-16 09:27:13 
摘要:3种方法:1、用“min($arr)”获取。2、用“sort($arr)”进行升序排序,排序后其第一个元素就是最小值,用“reset($arr)”获取。3、用“rsort($arr)”进行降序排序,用“end($arr)”获取最后一个元素。
2021-12-02 17:41:17 
摘要:今天我们一起来了解一下Goto语句在PHP中的应用,在C++、Java及很多语言中都有goto语句,它的使用是直接去到某个地方。PHP中也有这个功能,接下来我们就来看看Goto语句在PHP中怎样使用。
云活动
推荐内容
热门关键词
热门信息
群英网络助力开启安全的云计算之旅
立即注册,领取新人大礼包
  • 联系我们
  • 24小时售后:4006784567
  • 24小时TEL :0668-2555666
  • 售前咨询TEL:400-678-4567

  • 官方微信

    官方微信
Copyright  ©  QY  Network  Company  Ltd. All  Rights  Reserved. 2003-2019  群英网络  版权所有   茂名市群英网络有限公司
增值电信经营许可证 : B1.B2-20140078   粤ICP备09006778号
免费拨打  400-678-4567
免费拨打  400-678-4567 免费拨打 400-678-4567 或 0668-2555555
微信公众号
返回顶部
返回顶部 返回顶部