Node.js实现注册邮箱激活功能的方法示例


Posted in Javascript onMarch 23, 2018

在做自己的node项目极客教程时,需要开发一个注册邮箱激活的功能,这个功能非常常见,当我们注册一个账号时,肯定会有这步,下面看下如何实现这个功能。

1. 注册邮箱

先注册一个支持发送验证邮件的邮箱,我这里注册的是网易的163邮箱,所以下面都是以163邮箱作为发件邮箱

注册成功后进行登录,然后点击导航栏的设置,选择POP3/SMTP/IMAP,开启POP3/SMTP/IMAP服务,设置授权码就可以了。

2. 下载nodemailer插件

在命令行输入:npm install --save nodemailer

3. 编写发送邮件代码

3.1 对发送激活邮件代码进行封装,然后导出:

//email.js

// 引入 nodemailer
const nodemailer = require('nodemailer');

// 创建一个SMTP客户端配置
const config = {
    host: 'smtp.163.com',
    port: 465,
    auth: {
      user: 'xxxx@163.com', //刚才注册的邮箱账号
      pass: 'xxxxxx' //邮箱的授权码,不是注册时的密码
    }
  };

// 创建一个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);
  });
};

3.2 进行测试:

//sendtest.js

var send = require('./email.js');


// 创建一个邮件对象
var mail = {
  // 发件人
  from: '极客教程 <xxxx@163.com>',
  // 主题
  subject: '[极客教程]激活邮箱账号',
  // 收件人
  to: 'xxxx@qq.com',
  // 邮件内容,HTML格式
  text: `尊敬的${user.name},您好!点击链接即可激活您的极客教程
      网账号,http://localhost:3000/checkCode?name=${user.name}&code=${user.code}为保障您的帐号安全,请在24小时内点击该链接,您也可以将链接复制到浏览器地址栏访问。 若如果您并未尝试修改密码,请忽略本邮件,由此给您带来的不便请谅解。本邮件由系统自动发出,请勿直接回复!` //接收激活请求的链接
};
send(mail);

成功就可以在测试的邮箱看到所发的信息。

Node.js实现注册邮箱激活功能的方法示例

4. 验证步骤

简单的讲一下如何实现邮箱验证。

1 . 在自己定义的数据库用户数据结构中一定要有激活码、过期时间、是否已经激活的字段,用于在激活时进行判断;

{
  code: String, //激活码,格式自己定义
  date: Number, //过期日期,过期后不能激活
  islive: Boolean //判断是否激活
}

2 . 发送激活链接,其中包含用户名和激活码,如下面这样:

// 创建一个邮件对象
var mail = {
  // 发件人
  from: '极客教程 <xxxx@163.com>',
  // 主题
  subject: '[极客教程]激活邮箱账号',
  // 收件人
  to: 'xxxx@qq.com',
  // 邮件内容,HTML格式
  text: `尊敬的${user.name},您好!点击链接即可激活您的极客教程
      网账号,http://localhost:3000/checkCode?name=${user.name}&code=${user.code}为保障您的帐号安全,请在24小时内点击该链接,您也可以将链接复制到浏览器地址栏访问。 若如果您并未尝试修改密码,请忽略本邮件,由此给您带来的不便请谅解。本邮件由系统自动发出,请勿直接回复!` //接收激活请求的链接
};
send(mail);

3 . 响应激活请求,根据激活链接的用户名进行查找,若用户存在则判断激活码是否一致,并判断激活码是否过期,全部正确则改变激活状态,此时激活成功,如下代码:

// check email code
exports.checkCode = function (req, res){
  var username = req.query.name;
  var code = req.query.code;
  User.findOne({name: username}, function (err, user){
      if (user.code === code && (user.date - Date.now()) > 0){
          User.update({name: username}, {islive: true}, function (err){
              if (err){
                  res.json({error: true})
              }else{
                  console.log(user)
                  res.json({ok: true})
              }
          });
      }else{
        res.json({
          email: user.mail,
          failure: true
        })
      }
  });
}

5. 遇到的问题

开发中遇到如下问题:

{ [AuthError: Invalid login - 535 Error: authentication failed]
name: ‘AuthError',
data: ‘535 Error: authentication failed',
stage: ‘auth' }

smtp服务器验证不通过,因为网易的邮箱有个授权限制,一定要好好检查你注册邮箱时的账号和授权码。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript removeChild 使用注意事项
Apr 11 Javascript
js模仿jquery的写法示例代码
Jun 16 Javascript
js实现左侧网页tab滑动门效果代码
Sep 06 Javascript
jquery拖拽排序简单实现方法(效果增强版)
Feb 16 Javascript
利用JavaScript阻止表单提交的两种方法
Aug 11 Javascript
老生常谈JavaScript 正则表达式语法
Aug 20 Javascript
AngularJS  $modal弹出框实例代码
Aug 24 Javascript
angularJS模态框$modal实例代码
May 27 Javascript
vue2.0 computed 计算list循环后累加值的实例
Mar 07 Javascript
详解webpack loader和plugin编写
Oct 12 Javascript
Vue实现指令式动态追加小球动画组件的步骤
Dec 18 Vue.js
基于VUE实现简单的学生信息管理系统
Jan 13 Vue.js
Angular学习笔记之集成三方UI框架、控件的示例
Mar 23 #Javascript
Vue自定义过滤器格式化数字三位加一逗号实现代码
Mar 23 #Javascript
JavaScript 五大常见函数
Mar 23 #Javascript
JS中原始值和引用值的储存方式示例详解
Mar 23 #Javascript
剖析Angular Component的源码示例
Mar 23 #Javascript
vue利用axios来完成数据的交互
Mar 23 #Javascript
JS动画定时器知识总结
Mar 23 #Javascript
You might like
php对文件夹进行相关操作(遍历、计算大小)
2015/11/04 PHP
javascript 一个自定义长度的文本自动换行的函数
2007/08/19 Javascript
jquery 查找iframe父级页面元素的实现代码
2011/08/28 Javascript
自己动手制作jquery插件之自动添加删除行的实现
2011/10/13 Javascript
js 固定悬浮效果实现思路代码
2013/08/02 Javascript
jQuery实现控制文字内容溢出用省略号(…)表示的方法
2016/02/26 Javascript
javascript入门之window对象【新手必看】
2016/11/22 Javascript
详解JavaScript RegExp对象
2017/02/04 Javascript
用nodeJS搭建本地文件服务器的几种方法小结
2017/03/16 NodeJs
JavaScript实现form表单的多文件上传
2020/03/27 Javascript
详解vue-resource promise兼容性问题
2017/06/20 Javascript
JS中Attr的用法详解
2017/10/09 Javascript
微信小程序实现动态显示和隐藏某个控件功能示例
2018/12/14 Javascript
vue-cli随机生成port源码的方法
2019/09/02 Javascript
vue实现简易的双向数据绑定
2020/12/29 Vue.js
python timestamp和datetime之间转换详解
2017/12/11 Python
Python实现的登录验证系统完整案例【基于搭建的MVC框架】
2019/04/12 Python
python+opencv实现摄像头调用的方法
2019/06/22 Python
PyTorch 随机数生成占用 CPU 过高的解决方法
2020/01/13 Python
python pprint模块中print()和pprint()两者的区别
2020/02/10 Python
Python实现企业微信机器人每天定时发消息实例
2020/02/25 Python
Python Opencv轮廓常用操作代码实例解析
2020/09/01 Python
Css3新特性应用之形状总结
2016/12/08 HTML / CSS
英国医生在线预约:Top Doctors
2019/10/30 全球购物
上海某公司.net方向笔试题
2014/09/14 面试题
学生手册家长评语
2014/02/10 职场文书
助人为乐好少年事迹材料
2014/08/18 职场文书
法院干警四风问题自我剖析材料
2014/09/29 职场文书
大学感恩节活动策划方案
2014/10/11 职场文书
车间安全生产管理制度
2015/08/06 职场文书
2019关于实习生工作安排及待遇的管理方案!
2019/07/16 职场文书
position:sticky 粘性定位的几种巧妙应用详解
2021/04/24 HTML / CSS
JavaScript模拟实现网易云轮播效果
2022/04/04 Javascript
vue打包时去掉所有的console.log
2022/04/10 Vue.js
windows server 2016 域环境搭建的方法步骤(图文)
2022/06/25 Servers
TS 类型兼容教程示例详解
2022/09/23 Javascript