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 相关文章推荐
得到form下的所有的input的js代码
Nov 07 Javascript
基于Javascript实现倒计时功能
Feb 22 Javascript
AngularJs concepts详解及示例代码
Sep 01 Javascript
简单的js计算器实现
Oct 26 Javascript
使用SVG基本操作API的实例讲解
Sep 14 Javascript
vue使用$emit时,父组件无法监听到子组件的事件实例
Feb 26 Javascript
JS中this的指向以及call、apply的作用
May 06 Javascript
webpack常用配置总览(小结)
Nov 18 Javascript
JS中的const命令你真懂它吗
Mar 08 Javascript
详解使用mocha对webpack打包的项目进行&quot;冒烟测试&quot;的大致流程
Apr 27 Javascript
详解小程序横屏方案对比
Jun 28 Javascript
原生jQuery实现只显示年份下拉框
Dec 24 jQuery
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
谏山创故乡大分县日田市水坝将设立《进击的巨人》立艾伦、三笠以及阿尔敏的铜像!
2020/03/06 日漫
如何在PHP中使用Oracle数据库(1)
2006/10/09 PHP
php学习笔记之 函数声明
2011/06/09 PHP
PHP中Session引起的脚本阻塞问题解决办法
2014/04/08 PHP
phpQuery让php处理html代码像jQuery一样方便
2015/01/06 PHP
php常量详细解析
2015/10/27 PHP
超级酷和最实用的jQuery实例收集(20个)
2010/04/21 Javascript
Extjs EditorGridPanel中ComboBox列的显示问题
2011/07/04 Javascript
更换select下拉菜单背景样式的实现代码
2011/12/20 Javascript
引用 js在IE与FF之间的区别详细解析
2013/11/20 Javascript
JavaScript函数详解
2014/11/17 Javascript
jQuery中:first选择器用法实例
2014/12/30 Javascript
jQuery获取上传文件的名称的正则表达式
2015/05/21 Javascript
js实现类似菜单风格的TAB选项卡效果代码
2015/08/28 Javascript
Javascript基于AJAX回调函数传递参数实例分析
2015/12/15 Javascript
JS实现HTML页面中动态显示当前时间完整示例
2018/07/30 Javascript
vue实现与安卓、IOS交互的方法
2018/11/02 Javascript
微信小程序的注册页面包含倒计时验证码、获取用户信息
2019/05/22 Javascript
ES11屡试不爽的新特性,你用上了几个
2020/10/21 Javascript
python控制台显示时钟的示例
2014/02/24 Python
python的类方法和静态方法
2014/12/13 Python
Python中的字符串类型基本知识学习教程
2016/02/04 Python
Python for Informatics 第11章之正则表达式(二)
2016/04/21 Python
python人民币小写转大写辅助工具
2018/06/20 Python
几个适合python初学者的简单小程序,看完受益匪浅!(推荐)
2019/04/16 Python
python实现输入任意一个大写字母生成金字塔的示例
2019/10/27 Python
python实现数字炸弹游戏程序
2020/07/17 Python
解决pycharm导入numpy包的和使用时报错:RuntimeError: The current Numpy installation (‘D:\\python3.6\\lib\\site-packa的问题
2020/12/08 Python
澳大利亚游乐场设备品牌:Lifespan Kids
2019/05/24 全球购物
经济信息管理专业大学生求职信
2013/09/27 职场文书
程序员岗位职责
2013/11/11 职场文书
大学生职业规划书的范本
2014/02/18 职场文书
《颐和园》教学反思
2014/02/26 职场文书
学校评语大全
2014/05/06 职场文书
怎么用Python识别手势数字
2021/06/07 Python
MySQL选择合适的备份策略和备份工具
2022/06/01 MySQL