用户注册这样玩，保你平安

前言

基本上每个系统系统都包含用户注册、发送验证码等基本操作。在前些年，我还记得我在逛 csdn、贴吧、网易新闻等网站的时候是可以不登陆也能浏览完网页内容的，但是近几年这些网站已经改成了不登陆不让用，浏览网页时不时提醒你要进行登录，对于一些不喜欢注册的用户造成了相当大的困扰。

但是不知道大家有没有想过这里面的深层逻辑，就是为什么前些年什么 csdn、贴吧、网易新闻等明明不进行登录浏览网页体验还行，现在要改成这样子？

这里面涉及的因素有很多，比如互联网发展到头、变现困难、存量环境加剧内卷等。

当公司盈利压力变大，老板眼看收益日趋降低，便开始拉领导开会，领导开完会开始 PUA 员工，一层一层递进，辅以绩效、okr 等工具制定目标结果。于是公司底层员工的想法从努力赚钱、升职加薪变成保住饭碗、养活一家老小，对于业务上的月度、季度营收要求自然是各种促进用户付费的手段应上齐上。

这里面提升付费有一个非常重要的前提就是用户，只要有了用户就有付费希望。

如果用户不注册，不留下手机号、邮箱等个人信息，互联网运营又怎么给这些用户发送营销短信和邮件。所以说强制注册本质上是为了公司利益。

只要把用户留下来，留在自己的 APP 里，收集用户信息，后续各种运营活动、支付弹窗、短信找回、活动抽奖一起上，何愁没有用户 😜。

用户信息记录的意义是为了聚集 C 端用户、收集信息，为后续运营活动（提升付费）做准备。就拿淘宝举例，个性化推荐、千人千面、双 11 活动等，这一系列运营活动说到底都是为了提升淘宝的付费金额，提升淘宝平台的 GMV。什么个性化推荐、千人千面说白了就是收集你的个人信息，你的商品点击、浏览、下单等操作都会被淘宝采集，进而通过算法模型进行商品推荐，选出你可能感兴趣的商品展示，从而提升淘宝付费金额。

OK，到这里题外话说多了，虽然说用户注册是一个很基本的逻辑，但是很多人一不小心就会掉坑里。这里我给大家介绍下 waynboot-mall 项目中用户注册是怎么玩的，为什么说可以保你平安。

waynboot-mall 项目是由我开源的一套 H5 商城项目，包含运营后台、H5 商城前台和服务端接口。实现了商城所需的首页展示、商品分类、商品详情、商品 sku、分词搜索、购物车、结算下单、支付宝/微信支付、收单评论以及完善的后台管理等一系列功能。 技术上基于最新得 Springboot3.0 框架开发而来，整合了 MySql、Redis、RabbitMQ、ElasticSearch 等常用中间件。商城模块划分合理、代码质量较高、易于部署，非常适合大家拿来学习使用。

github 地址：https://github.com/wayn111/waynboot-mall

用户注册

在 waynboot-mall 项目中，商城注册页面截图如下。

/captcha 生成图形验证码接口

@ResponseBody
@RequestMapping("/captcha")
public R captcha() {// 1. 创建验证码对象，定义验证码图形的长、宽、以及字数SpecCaptcha specCaptcha = new SpecCaptcha(80, 32, 4);// 2. 生成验证码String verCode = specCaptcha.text().toLowerCase();// 3. 生成验证码唯一keyString captchaKey = IdUtil.getUid();// 4. 存入redis并设置过期时间为30分钟redisCache.setCacheObject(captchaKey, verCode, SysConstants.CAPTCHA_EXPIRATION, TimeUnit.MINUTES);// 5. 将key和base64返回给前端return R.success().add("captchaKey", captchaKey).add("image", specCaptcha.toBase64());
}

验证码接口基本是每个系统都有的接口，验证码主要是为了防止别人直接调用接口进行注册操作，是一个安全措施。现在市面上流行的有图形验证码、滑块验证码、点选验证码等，waynboot-mall 项目中使用的图形验证码，大家有兴趣可以了解 tianai-captcha 这个项目，包含滑块验证码、点选验证码等。现在我们对验证码接口进行讲解，

  • 第一步，创建验证码对象，定义验证码图形的长、宽、以及字数（这里创建的 SpecCaptcha 对象来自 easy-captcha 项目）

  • 第二步，生成验证码 verCode

  • 第三步，为验证码生成唯一 captchaKey

  • 第四步，将 captchaKey 作为 key， verCode 作为 value，存入 redis 并设置过期时间

  • 第五步，将 captchaKey 以及验证码图像的 base64 编码返回给前端

前端在调用完 /captcha 接口后，会拿到 captchaKey 以及验证码图像的 base64 编码，之后前端就可以将 base64 编码作为 img 标签 src 属性用作图形验证码展示。

用户输入邮箱和图形验证码后就可以点击发送邮箱验证码了。

调用发送邮箱验证码接口时会将 captchaKey、验证码、手机号等信息一起传给服务端。

/sendEmailCode 发送邮箱验证码接口

@PostMapping("/sendEmailCode")
public R sendEmailCode(@RequestBody RegistryObj registryObj) {String captchaKey = registryObj.getCaptchaKey();String captchaCode = registryObj.getCaptchaCode();String mobile = registryObj.getMobile();if (StringUtils.isBlank(captchaKey)) {return R.error(CUSTOM_ERROR.setMsg("图形验证码错误"));}if (StringUtils.isBlank(captchaCode)) {return R.error(CUSTOM_ERROR.setMsg("图形验证码为空"));}if (StringUtils.isBlank(mobile)) {return R.error(CUSTOM_ERROR.setMsg("手机号为空"));}String redisCode = redisCache.getCacheObject(captchaKey);// 判断验证码codeif (!redisCode.equals(captchaCode.trim().toLowerCase())) {return R.error(USER_CAPTCHA_CODE_ERROR);}// 验证手机号是否唯一long count = iMemberService.count(Wrappers.lambdaQuery(Member.class).eq(Member::getMobile, mobile));if (count > 0) {return R.error(USER_PHONE_HAS_REGISTER_ERROR);}// 生成邮箱验证码codeString emailCode = RandomUtil.randomString(6);// 生成邮箱验证码唯一keyString emailKey = RedisKeyEnum.EMAIL_KEY_CACHE.getKey(IdUtil.getUid());// 存入redis并设置过期时间为20分钟redisCache.setCacheObject(emailKey, emailCode + "_" + mobile,  RedisKeyEnum.EMAIL_KEY_CACHE.getExpireSecond());commonThreadPoolTaskExecutor.execute(() -> {EmailConfig emailConfig = mailConfigService.getById(1L);SendMailVO sendMailVO = new SendMailVO();sendMailVO.setSubject("mall商城注册通知");sendMailVO.setContent("邮箱验证码：" + emailCode);sendMailVO.setTos(Collections.singletonList(registryObj.getEmail()));MailUtil.sendMail(emailConfig, sendMailVO, false, false);});return R.success().add("emailKey", emailKey);
}

一般商城系统中，发送邮箱验证码、短信验证码时都需要进行验证码输入这一步骤，这是为了防止别人直接通过接口调用的形式，浪费我们系统的资源，特别是发送手机验证码、邮件这种资源。发送邮箱验证码接口讲解如下，

  • 第一步，校验 captchaKey、captchaCode、mobile 必传参数

  • 第二步，根据 captchaKey 读取 redis 中存放的验证码 code，与用户输入 captchaCode 进行比较

  • 第三步，验证用户手机号是否唯一

  • 第四步，生成六位邮箱验证码 emailCode

  • 第五步，生成邮箱验证码唯一 emailKey

  • 第六步，将 emailKey 作为 key， emailCode_mobile 作为 value，存入 redis 并设置过期时间（注意这一步将用户手机号，也存入 Redis 是为了防止用户在获取完邮箱验证码后修改手机号，这一点很重要，很多开发同学都忘了这一步）

  • 第七步，使用线程池异步发送验证码邮件

前端在调用完 /sendEmailCode 接口后，就可以拿到 emailKey。

这样等用户输入邮箱里的验证码后，点击注册按钮，我们就可能正式开始注册操作了。

/registry 用户注册

@PostMapping("/registry")
public R registry(@RequestBody RegistryObj registryObj) {// 验证两次密码输入是否一致if (!StringUtils.equalsIgnoreCase(registryObj.getPassword(), registryObj.getConfirmPassword())) {return R.error(USER_TWO_PASSWORD_NOT_SAME_ERROR);}// 验证用户手机号是否唯一long count = iMemberService.count(Wrappers.lambdaQuery(Member.class).eq(Member::getMobile, registryObj.getMobile()));if (count > 0) {return R.error(USER_PHONE_HAS_REGISTER_ERROR);}// 判断图形验证码String redisCaptchaCode = redisCache.getCacheObject(registryObj.getCaptchaKey());if (registryObj.getCaptchaCode() == null || !redisCaptchaCode.equals(registryObj.getCaptchaCode().trim().toLowerCase())) {return R.error(USER_CAPTCHA_CODE_ERROR);}// 判断邮箱验证码String value = redisCache.getCacheObject(registryObj.getEmailKey());String[] split = value.split("_");if (split.length < 2) {return R.error(ReturnCodeEnum.USER_EMAIL_CODE_ERROR);}String redisEmailCode = split[0];String mobile = split[1];// 判断发送邮箱验证码的手机号是否与用户当前传入手机号一致if (!StringUtils.equalsIgnoreCase(mobile, registryObj.getMobile())) {return R.error(ReturnCodeEnum.USER_REGISTER_MOBILE_ERROR);}// 判断用户输入邮箱验证码是否正确if (registryObj.getEmailCode() == null || !redisEmailCode.equals(registryObj.getEmailCode().trim().toLowerCase())) {return R.error(ReturnCodeEnum.USER_EMAIL_CODE_ERROR);}// 删除验证码redisCache.deleteObject(registryObj.getCaptchaKey());redisCache.deleteObject(registryObj.getEmailKey());Member member = new Member();long time = System.currentTimeMillis();member.setNickname("昵称" + time / 1000);String avatar = SysConstants.DEFAULT_AVATAR;member.setAvatar(avatar);member.setMobile(registryObj.getMobile());member.setEmail(registryObj.getEmail());member.setPassword(SecurityUtils.encryptPassword(registryObj.getPassword()));member.setCreateTime(new Date());return R.result(iMemberService.save(member));
}

注册接口，需要逻辑完善，所以这里的校验逻辑会比较多，因为一个商城最重要的几个接口就是注册、登录、下单、支付等。

除了能让用户正常注册外，有时候还需要确保用户一个手机号只能注册一个账号，完成对用户手机号在商城的唯一性保障。除了先查询用户手机号是否已存在外，还需要对用户 member 表的手机号字段设置唯一索引来完成。注册接口讲解如下，

唯一索引可以防止用户重复点击注册按钮，保证一个手机号只能注册一个用户。

  • 第一步，验证用户输入两次密码是否一致

  • 第二步，验证用户输入的手机号是否唯一

  • 第三步，验证用户输入的图形验证码是否于 Redis 中存储一致

  • 第四步，验证发送邮箱验证码的手机号是否于 Redis 中存储一致

  • 第五步，验证用户输入的邮箱验证码是否于 Redis 中存储一致

  • 第六步，校验通过，开始删除图形验证码、邮箱验证码

  • 第七步，启动线程池，异步进行用户保存操作

最后聊两句

用户注册说简单是很简单，但是校验逻辑一定要做好！这是我的踩坑经验，现在我传授给你，希望能帮你平安🤝。

关注公众号【waynblog】每周分享技术干货、开源项目、实战经验、国外优质文章翻译等，您的关注将是我的更新动力！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.hqwc.cn/news/234989.html

如若内容造成侵权/违法违规/事实不符，请联系编程知识网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

二分算法（整数二分、浮点数二分）

二分算法（整数二分、浮点数二分）

文章目录 二分一、整数二分&#xff08;一&#xff09;整数二分思路&#xff08;二&#xff09;整数二分算法模板1.左查找&#xff08;寻找左侧边界&#xff09;2.右查找&#xff08;寻找右侧边界&#xff09;3.总模板 &#xff08;三&#xff09;题目&#xff1a;数的范围 二、…
阅读更多...
一键删除方舟编译器缓存文件js、js.map插件ArkCompilerSupport

一键删除方舟编译器缓存文件js、js.map插件ArkCompilerSupport

新手学习鸿蒙开发&#xff0c;发现DevEco Studio编译过种会生成js、js.map&#xff0c;在论坛上看了其它开发者也提了问题但无没解决&#xff0c;写了一个插件大家试下&#xff1a; https://plugins.jetbrains.com/plugin/23192-arkcompilersupport 源码&#xff1a;https://g…
阅读更多...
咨询＋低代码，强强联合为制造业客户赋能

咨询＋低代码，强强联合为制造业客户赋能

内容来自演讲&#xff1a;沈毅 | 遨睿智库 | 董事长 & 王劭禹 | 橙木智能 | 联合创始人 摘要 文章主要讲述了智库董事长沈毅创办广告公司的经历&#xff0c;以及他在管理公司过程中遇到的问题和挑战&#xff0c;最后通过与明道云以及橙木智能联合创始人王邵禹老师的合作&…
阅读更多...
Ubuntu systemd-analyze命令（系统启动性能分析工具：分析系统启动时间，找出可能导致启动缓慢的原因）

Ubuntu systemd-analyze命令（系统启动性能分析工具：分析系统启动时间，找出可能导致启动缓慢的原因）

文章目录 Ubuntu systemd-analyze命令剖析目录简介systemd与systemd-analyze工作原理 安装和使用命令参数详解用例与示例显示启动时间&#xff08;systemd-analyze time&#xff09;列出启动过程中各个服务的启动时间&#xff08;systemd-analyze blame&#xff09;显示系统启动…
阅读更多...
使用JDBC操作数据库时，插入数据中文乱码

使用JDBC操作数据库时，插入数据中文乱码

如图&#xff1a; 解决办法&#xff1a; 修改连接数据库的路径&#xff0c;即url 如下&#xff1a; 设置编码格式为utf-8 urljdbc:mysql://localhost:3306/qfedu?useUnicodetrue&characterEncodingUTF-8再次运行&#xff0c;插入数据即可
阅读更多...
XTU OJ 1339 Interprime 学习笔记

XTU OJ 1339 Interprime 学习笔记

链接 传送门 代码 #include<bits/stdc.h> using namespace std;const int N1e610; //78498 我计算了一下&#xff0c;6个0的范围内有这么多个素数&#xff0c;所以开这么大的数组存素数 //计算的代码是一个循环 int prime[80000]; int a[N],s[N];//s数组是前缀和数组b…
阅读更多...
vscode Markdown 预览样式美化多方案推荐

vscode Markdown 预览样式美化多方案推荐

优雅的使用 vscode写 Markdown&#xff0c;预览样式美化 1 介绍 我已经习惯使用 vscode 写 markdown。不是很喜欢他的 markdown 样式&#xff0c;尤其是代码块高亮的样式。当然用 vscode 大家基本上都会选择安装一个Markdown-preview-enhanced的插件&#xff0c;这个插件的确…
阅读更多...
【DDD】领域驱动设计总结——如何构造领域模型

【DDD】领域驱动设计总结——如何构造领域模型

文章目录 一 分离领域二 领域对象分类2.1 实体(ENTITY)2.2 值对象(VALUE OBJECT)2.3 服务(SERVICE)2.4 模块&#xff08;&#xff2d;ODULE&#xff09; 三 管理领域对象的生命周期3.1 聚合&#xff08;AGGREGATE&#xff09;3.2 工厂&#xff08;FACTORY&#xff09;3.3 存储库…
阅读更多...
mysql：免费的GUI客户端工具推荐并介绍常用的操作

mysql：免费的GUI客户端工具推荐并介绍常用的操作

给大家推荐几个常用的 mysql 数据库客户端 sequel-pro sequel-ace 官网下载地址 免费 sequel-ace 可以理解为 Sequel Pro 的升级版&#xff0c;由于Sequel Pro官方不维护了&#xff0c;特别是对 MySQL 8.0 支持不好&#xff0c;所以现在由社区维护了新分支 sequel-ace&#x…
阅读更多...
具备这四个特征的项目经理，牛逼！

具备这四个特征的项目经理，牛逼！

大家好&#xff0c;我是老原。 成为一个业绩第一又能准时下班的工作强人&#xff0c;应该是每个职场人的梦想&#xff0c;但现实往往不那么尽如人意…… 虽然如此&#xff0c;但是不代表我们不能向能做到这样的大佬看齐啊。 工作十余年&#xff0c;见过各种各样的职场人士&a…
阅读更多...
C++——解锁string常用接口

C++——解锁string常用接口

目录 string::npos; 1.测试string容量相关的接口&#xff1a; 1.1 string::size() 1.2 string::clear() 1.3 string::resize() 1.4 string::erase() 1.5 string::reserve() 保留 1.6 std::string::shrink_to_fit 2.string数据插入删除相关的接口 2.1 std::string::pus…
阅读更多...
数据结构学习笔记（王道）

数据结构学习笔记（王道）

数据结构学习笔记&#xff08;王道&#xff09; PS&#xff1a;本文章部分内容参考自王道考研数据结构笔记 文章目录 数据结构学习笔记&#xff08;王道&#xff09;一、绪论1.1. 数据结构1.2. 算法1.2.1. 算法的基本概念1.2.2. 算法的时间复杂度1.2.3. 算法的空间复杂度 二、…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023