热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

Nodeexpress项目个人简历:register(注册)接口编写记录

功能描述:1.用户输入注册信息,默认头像从gravatar上获取2.系统验证输入格式是否正确、两次密码是否一致(validator

功能描述:
1.用户输入注册信息,默认头像从gravatar上获取
2.系统验证输入格式是否正确、两次密码是否一致(validator)
3.密码需要经过加密再保存(bcrypt)
4.连接mongoDB,将注册信息保存到数据库上

基本代码

关于环境的搭建和注册接口的基本编写,可以查看我的上一篇文章

注册接口基本编写的代码贴出如下:

//$route POST api/users/register
//@desc 返回的请求的json数据
//@access public
router.post('/register', (req, res) => {// console.log(req.body);User.findOne({ email: req.body.email }).then((user) => {if (user) {return res.status(400).json({ email: "邮箱已被注册!" })} else {const newUser = new User({name: req.body.name,email: req.body.email,password: req.body.password})// 密码密文bcrypt.genSalt(10, function (err, salt) {bcrypt.hash(newUser.password, salt, (err, hash) => {// Store hash in your password DB.if (err) throw err;newUser.password = hash;newUser.save().then(user => { res.json(user), console.log(newUser) }).catch(err => console.log(err))});});}})
})

分析:

  1. 我们从用户输入的邮箱出发,如果数据库里已经有这个邮箱名,说明已经被注册过了,提示“邮箱已被注册”
  2. 如果该邮箱没有被注册,则进入下一阶段,将输入的邮箱、加密过的密码、名字存入数据库
  3. 密码的加密使用bcrypt.genSalt完成

添加头像字段

我们给注册信息加上"头像"这个字段:
使用gravatar模块的默认头像:官网

1.先安装gravatar模块:npm i gravatar
2.在users.js中引入:const gravatar = require('gravatar');
3.当我们判断邮箱没有被注册过后,再生成这个默认头像

var avatar = gravatar.url('emerleite@gmail.com', {s: '200', r: 'pg', d: 'mm'});

4.使用:

const newUser = new User({name: req.body.name,email: req.body.email,password: req.body.password,avatar
})

5.用postman测试:重新注册一个数据,mongodb上查看,如果多了一个avatar字段,说明该修改生效:
在这里插入图片描述

添加验证

1.先安装验证模块validator:npm i validator
2.新建文件夹validation,创建注册验证文件:register.js
3.再register.js引入模块:const Validator=require('validator');
4.编写验证,先写一个名字长度验证

const isEmpty =require("./empty");
module.exports=function validateRegisterInput(data){let errors={};if(!Validator.isLength(data.name,{min:2,max:30})){errors.name="名字的长度不能小于2位并且不能大于30位!";}return {errors,isValid:isEmpty(errors) // isEmpty函数判断errors是否为空,如果不为空,说明没有通过验证,相当于一个标志位,便于在users中判断是否通过验证}
}

在validation文件夹下的empty.js文件:

const isEmpty=value => {//判断是否为空return value === undefined || value === null ||//判断是否是空对象{}(typeof value ==="object" && Object.keys(value).length === 0) ||//判断是否是空字符串(typeof value ==="string" && value.trim().length === 0)
}module.exports=isEmpty;

5.验证
在这里插入图片描述
6.将其他验证代码补上

使用到的api

  • Validator.isEmpty:判断是否为空
  • Validator.isLength:判断长度是否在指定范围内,区间左闭右开
  • Validator.isEmail:判断是否是合法的邮箱
  • Validator.equals:判断两者是否相等

//如果输入空(没有输入),需要将其改为空字符串
data.name = !isEmpty(data.name) ? data.name : '';
data.email = !isEmpty(data.email) ? data.email : '';
data.password = !isEmpty(data.password) ? data.password : '';
data.password2 = !isEmpty(data.password2) ? data.password2 : '';if (!Validator.isLength(data.name, { min: 2, max: 30 })) {errors.name = "名字的长度不能小于2位并且不能大于30位!";
}
// 名字不能为空
if (Validator.isEmpty(data.name)) {errors.name = "名字不能为空";
}
// 邮箱不合法
if (!Validator.isEmail(data.email)) {errors.email = "邮箱不合法";
}
// 邮箱不能为空
if (Validator.isEmpty(data.email)) {errors.email = "邮箱不能为空";
}
// 密码不能为空
if (Validator.isEmpty(data.password)) {errors.password = "密码不能为空";
}
// 密码长度不能小于6
if (!Validator.isLength(data.password, { min: 6, max: 13 })) {errors.password = "密码长度不能小于6位,不能大于12位";
}
// 确认密码不能为空
if (Validator.isEmpty(data.password2)) {errors.password2 = "确认密码不能为空";
}
// 两次密码不一致
if (!Validator.equals(data.password,data.password2)) {errors.password2 = "两次密码不一致";
}

测试:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
mongodb上查看,只有最后一次提交才成功:
在这里插入图片描述


推荐阅读
  • 使用nodejs爬取b站番剧数据,计算最佳追番推荐
    本文介绍了如何使用nodejs爬取b站番剧数据,并通过计算得出最佳追番推荐。通过调用相关接口获取番剧数据和评分数据,以及使用相应的算法进行计算。该方法可以帮助用户找到适合自己的番剧进行观看。 ... [详细]
  • 本文介绍了设计师伊振华受邀参与沈阳市智慧城市运行管理中心项目的整体设计,并以数字赋能和创新驱动高质量发展的理念,建设了集成、智慧、高效的一体化城市综合管理平台,促进了城市的数字化转型。该中心被称为当代城市的智能心脏,为沈阳市的智慧城市建设做出了重要贡献。 ... [详细]
  • Android日历提醒软件开源项目分享及使用教程
    本文介绍了一款名为Android日历提醒软件的开源项目,作者分享了该项目的代码和使用教程,并提供了GitHub项目地址。文章详细介绍了该软件的主界面风格、日程信息的分类查看功能,以及添加日程提醒和查看详情的界面。同时,作者还提醒了读者在使用过程中可能遇到的Android6.0权限问题,并提供了解决方法。 ... [详细]
  • express工程中的json调用方法
    本文介绍了在express工程中如何调用json数据,包括建立app.js文件、创建数据接口以及获取全部数据和typeid为1的数据的方法。 ... [详细]
  • node.jsrequire和ES6导入导出的区别原 ... [详细]
  • 我尝试使用Vue.js在Laravel中实现imageupload吗?但是,我不知道为什么图像 ... [详细]
  • php设置数组大小_【大厂必备】2020超经典PHP面试题
    结合我自己这段时间的面试情况,面对的一些php面试题列举出来,基本上结合自己的看法回答的,不妥的地方请大家指出去,与大家一起 ... [详细]
  • Commit1ced2a7433ea8937a1b260ea65d708f32ca7c95eintroduceda+Clonetraitboundtom ... [详细]
  • ALTERTABLE通过更改、添加、除去列和约束,或者通过启用或禁用约束和触发器来更改表的定义。语法ALTERTABLEtable{[ALTERCOLUMNcolu ... [详细]
  • 前景:当UI一个查询条件为多项选择,或录入多个条件的时候,比如查询所有名称里面包含以下动态条件,需要模糊查询里面每一项时比如是这样一个数组条件:newstring[]{兴业银行, ... [详细]
  • web.py开发web 第八章 Formalchemy 服务端验证方法
    本文介绍了在web.py开发中使用Formalchemy进行服务端表单数据验证的方法。以User表单为例,详细说明了对各字段的验证要求,包括必填、长度限制、唯一性等。同时介绍了如何自定义验证方法来实现验证唯一性和两个密码是否相等的功能。该文提供了相关代码示例。 ... [详细]
  • 本文介绍了如何使用Express App提供静态文件,同时提到了一些不需要使用的文件,如package.json和/.ssh/known_hosts,并解释了为什么app.get('*')无法捕获所有请求以及为什么app.use(express.static(__dirname))可能会提供不需要的文件。 ... [详细]
  • Spring常用注解(绝对经典),全靠这份Java知识点PDF大全
    本文介绍了Spring常用注解和注入bean的注解,包括@Bean、@Autowired、@Inject等,同时提供了一个Java知识点PDF大全的资源链接。其中详细介绍了ColorFactoryBean的使用,以及@Autowired和@Inject的区别和用法。此外,还提到了@Required属性的配置和使用。 ... [详细]
  • VueCLI多页分目录打包的步骤记录
    本文介绍了使用VueCLI进行多页分目录打包的步骤,包括页面目录结构、安装依赖、获取Vue CLI需要的多页对象等内容。同时还提供了自定义不同模块页面标题的方法。 ... [详细]
  • Yii framwork 应用小窍门
    Yiiframework应用小窍门1.YiiFramework]如何获取当前controller的名称?下面语句就可以获取当前控制器的名称了!Php代码 ... [详细]
author-avatar
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有