AI 助理
备案控制台登录注册
开发者社区 开发与运维 文章 正文

【瑞吉外卖】day08：短信发送、手机验证码登录（三）

2022-09-22 675
版权
举报
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 【瑞吉外卖】day08：短信发送、手机验证码登录

5.2 数据模型

通过手机验证码登录时，涉及的表为user表，即用户表。结构如下:image.png

5.3 前端页面分析

在开发代码之前，需要梳理一下登录时前端页面和服务端的交互过程：

1). 在登录页面(front/page/login.html)输入手机号，点击【获取验证码】按钮，页面发送ajax请求，在服务端调用短信服务API给指定手机号发送验证码短信。

image.png

image.png

如果服务端返回的登录成功，页面将会把当前登录用户的手机号存储在sessionStorage中，并跳转到移动的首页页面。



开发手机验证码登录功能，其实就是在服务端编写代码去处理前端页面发送的这2次请求即可，分别是获取短信验证码 和 登录请求，具体的请求信息如下：


1). 获取短信验证码

请求 说明
请求方式 POST
请求路径 /user/sendMsg
请求参数 {"phone":"13100001111"}

2). 登录

请求 说明
请求方式 POST
请求路径 /user/login
请求参数 {"phone":"13100001111", "code":"1111"}

5.4 代码开发

5.4.1 准备工作

在开发业务功能前，先将需要用到的类和接口基本结构创建好：

1). 实体类 User（直接从课程资料中导入即可）

所属包: com.itheima.reggie.entity

<spanstyle="background-color:#f8f8f8"><spanstyle="color:#333333"><spanstyle="color:#770088">import</span><spanstyle="color:#000000">lombok</span>.<spanstyle="color:#000000">Data</span>;
<spanstyle="color:#770088">import</span><spanstyle="color:#000000">java</span>.<spanstyle="color:#000000">io</span>.<spanstyle="color:#000000">Serializable</span>;
<spanstyle="color:#aa5500">/**</span><span style="color:#aa5500">* 用户信息</span><span style="color:#aa5500">*/</span><spanstyle="color:#555555">@Data</span><spanstyle="color:#770088">public</span><spanstyle="color:#770088">class</span><spanstyle="color:#0000ff">User</span><spanstyle="color:#770088">implements</span><spanstyle="color:#000000">Serializable</span> {
<spanstyle="color:#770088">private</span><spanstyle="color:#770088">static</span><spanstyle="color:#770088">final</span><spanstyle="color:#008855">long</span><spanstyle="color:#000000">serialVersionUID</span><spanstyle="color:#981a1a">=</span><spanstyle="color:#116644">1L</span>;
​<spanstyle="color:#770088">private</span><spanstyle="color:#008855">Long</span><spanstyle="color:#000000">id</span>;
​<spanstyle="color:#aa5500">//姓名</span><spanstyle="color:#770088">private</span><spanstyle="color:#008855">String</span><spanstyle="color:#000000">name</span>;
​<spanstyle="color:#aa5500">//手机号</span><spanstyle="color:#770088">private</span><spanstyle="color:#008855">String</span><spanstyle="color:#000000">phone</span>;
​<spanstyle="color:#aa5500">//性别 0 女 1 男</span><spanstyle="color:#770088">private</span><spanstyle="color:#008855">String</span><spanstyle="color:#000000">sex</span>;
​<spanstyle="color:#aa5500">//身份证号</span><spanstyle="color:#770088">private</span><spanstyle="color:#008855">String</span><spanstyle="color:#000000">idNumber</span>;
​<spanstyle="color:#aa5500">//头像</span><spanstyle="color:#770088">private</span><spanstyle="color:#008855">String</span><spanstyle="color:#000000">avatar</span>;
​<spanstyle="color:#aa5500">//状态 0:禁用，1:正常</span><spanstyle="color:#770088">private</span><spanstyle="color:#008855">Integer</span><spanstyle="color:#000000">status</span>;
}</span></span>

2). Mapper接口 UserMapper

所属包: com.itheima.reggie.mapper

<spanstyle="background-color:#f8f8f8"><spanstyle="color:#333333"><spanstyle="color:#770088">import</span><spanstyle="color:#000000">com</span>.<spanstyle="color:#000000">baomidou</span>.<spanstyle="color:#000000">mybatisplus</span>.<spanstyle="color:#000000">core</span>.<spanstyle="color:#000000">mapper</span>.<spanstyle="color:#000000">BaseMapper</span>;
<spanstyle="color:#770088">import</span><spanstyle="color:#000000">com</span>.<spanstyle="color:#000000">itheima</span>.<spanstyle="color:#000000">reggie</span>.<spanstyle="color:#000000">entity</span>.<spanstyle="color:#000000">User</span>;
<spanstyle="color:#770088">import</span><spanstyle="color:#000000">org</span>.<spanstyle="color:#000000">apache</span>.<spanstyle="color:#000000">ibatis</span>.<spanstyle="color:#000000">annotations</span>.<spanstyle="color:#000000">Mapper</span>;
​<spanstyle="color:#555555">@Mapper</span><spanstyle="color:#770088">public</span><spanstyle="color:#770088">interface</span><spanstyle="color:#0000ff">UserMapper</span><spanstyle="color:#770088">extends</span><spanstyle="color:#000000">BaseMapper</span><spanstyle="color:#981a1a"><</span><spanstyle="color:#000000">User</span><spanstyle="color:#981a1a">></span>{
}</span></span>

3). 业务层接口 UserService

所属包: com.itheima.reggie.service

<spanstyle="background-color:#f8f8f8"><spanstyle="color:#333333"><spanstyle="color:#770088">import</span><spanstyle="color:#000000">com</span>.<spanstyle="color:#000000">baomidou</span>.<spanstyle="color:#000000">mybatisplus</span>.<spanstyle="color:#000000">extension</span>.<spanstyle="color:#000000">service</span>.<spanstyle="color:#000000">IService</span>;
<spanstyle="color:#770088">import</span><spanstyle="color:#000000">com</span>.<spanstyle="color:#000000">itheima</span>.<spanstyle="color:#000000">reggie</span>.<spanstyle="color:#000000">entity</span>.<spanstyle="color:#000000">User</span>;
​<spanstyle="color:#770088">public</span><spanstyle="color:#770088">interface</span><spanstyle="color:#0000ff">UserService</span><spanstyle="color:#770088">extends</span><spanstyle="color:#000000">IService</span><spanstyle="color:#981a1a"><</span><spanstyle="color:#000000">User</span><spanstyle="color:#981a1a">></span> {
}</span></span>

4). 业务层实现类 UserServiceImpl

所属包: com.itheima.reggie.service.impl

<spanstyle="background-color:#f8f8f8"><spanstyle="color:#333333"><spanstyle="color:#770088">import</span><spanstyle="color:#000000">com</span>.<spanstyle="color:#000000">baomidou</span>.<spanstyle="color:#000000">mybatisplus</span>.<spanstyle="color:#000000">extension</span>.<spanstyle="color:#000000">service</span>.<spanstyle="color:#000000">impl</span>.<spanstyle="color:#000000">ServiceImpl</span>;
<spanstyle="color:#770088">import</span><spanstyle="color:#000000">com</span>.<spanstyle="color:#000000">itheima</span>.<spanstyle="color:#000000">reggie</span>.<spanstyle="color:#000000">entity</span>.<spanstyle="color:#000000">User</span>;
<spanstyle="color:#770088">import</span><spanstyle="color:#000000">com</span>.<spanstyle="color:#000000">itheima</span>.<spanstyle="color:#000000">reggie</span>.<spanstyle="color:#000000">mapper</span>.<spanstyle="color:#000000">UserMapper</span>;
<spanstyle="color:#770088">import</span><spanstyle="color:#000000">com</span>.<spanstyle="color:#000000">itheima</span>.<spanstyle="color:#000000">reggie</span>.<spanstyle="color:#000000">service</span>.<spanstyle="color:#000000">UserService</span>;
<spanstyle="color:#770088">import</span><spanstyle="color:#000000">org</span>.<spanstyle="color:#000000">springframework</span>.<spanstyle="color:#000000">stereotype</span>.<spanstyle="color:#000000">Service</span>;
​<spanstyle="color:#555555">@Service</span><spanstyle="color:#770088">public</span><spanstyle="color:#770088">class</span><spanstyle="color:#0000ff">UserServiceImpl</span><spanstyle="color:#770088">extends</span><spanstyle="color:#000000">ServiceImpl</span><spanstyle="color:#981a1a"><</span><spanstyle="color:#000000">UserMapper</span>,<spanstyle="color:#000000">User</span><spanstyle="color:#981a1a">></span><spanstyle="color:#770088">implements</span><spanstyle="color:#000000">UserService</span>{
}</span></span>

5). 控制层 UserController

所属包: com.itheima.reggie.controller

<spanstyle="background-color:#f8f8f8"><spanstyle="color:#333333"><spanstyle="color:#770088">import</span><spanstyle="color:#000000">com</span>.<spanstyle="color:#000000">itheima</span>.<spanstyle="color:#000000">reggie</span>.<spanstyle="color:#000000">service</span>.<spanstyle="color:#000000">UserService</span>;
<spanstyle="color:#770088">import</span><spanstyle="color:#000000">lombok</span>.<spanstyle="color:#000000">extern</span>.<spanstyle="color:#000000">slf4j</span>.<spanstyle="color:#000000">Slf4j</span>;
<spanstyle="color:#770088">import</span><spanstyle="color:#000000">org</span>.<spanstyle="color:#000000">springframework</span>.<spanstyle="color:#000000">beans</span>.<spanstyle="color:#000000">factory</span>.<spanstyle="color:#000000">annotation</span>.<spanstyle="color:#000000">Autowired</span>;
<spanstyle="color:#770088">import</span><spanstyle="color:#000000">org</span>.<spanstyle="color:#000000">springframework</span>.<spanstyle="color:#000000">web</span>.<spanstyle="color:#000000">bind</span>.<spanstyle="color:#000000">annotation</span>.<spanstyle="color:#000000">RequestMapping</span>;
<spanstyle="color:#770088">import</span><spanstyle="color:#000000">org</span>.<spanstyle="color:#000000">springframework</span>.<spanstyle="color:#000000">web</span>.<spanstyle="color:#000000">bind</span>.<spanstyle="color:#000000">annotation</span>.<spanstyle="color:#000000">RestController</span>;
​<spanstyle="color:#555555">@RestController</span><spanstyle="color:#555555">@RequestMapping</span>(<spanstyle="color:#aa1111">"/user"</span>)
<spanstyle="color:#555555">@Slf4j</span><spanstyle="color:#770088">public</span><spanstyle="color:#770088">class</span><spanstyle="color:#0000ff">UserController</span> {
<spanstyle="color:#555555">@Autowired</span><spanstyle="color:#770088">private</span><spanstyle="color:#000000">UserService</span><spanstyle="color:#000000">userService</span>;
}</span></span>

6). 工具类SMSUtils、ValidateCodeUtils（直接从课程资料中导入即可）

所属包: com.itheima.reggie.utils

image.png

SMSUtils : 是我们上面改造的阿里云短信发送的工具类 ;

ValidateCodeUtils : 是验证码生成的工具类 ;

5.4.2 功能实现

5.4.2.1 修改LoginCheckFilter

前面我们已经完成了LoginCheckFilter过滤器的开发，此过滤器用于检查用户的登录状态。我们在进行手机验证码登录时，发送的两个请求(获取验证码和登录)需要在此过滤器处理时直接放行。

image.png

对于移动的端的页面，也是用户登录之后，才可以访问的，那么这个时候就需要在 LoginCheckFilter 中进行判定，如果移动端用户已登录，我们获取到用户登录信息，存入ThreadLocal中(在后续的业务处理中，如果需要获取当前登录用户ID，直接从ThreadLocal中获取)，然后放行。


增加如下逻辑:

<spanstyle="background-color:#f8f8f8"><spanstyle="color:#333333"><spanstyle="color:#aa5500">//4-2、判断登录状态，如果已登录，则直接放行</span><spanstyle="color:#770088">if</span>(<spanstyle="color:#000000">request</span>.<spanstyle="color:#000000">getSession</span>().<spanstyle="color:#000000">getAttribute</span>(<spanstyle="color:#aa1111">"user"</span>) <spanstyle="color:#981a1a">!=</span><spanstyle="color:#221199">null</span>){
<spanstyle="color:#000000">log</span>.<spanstyle="color:#000000">info</span>(<spanstyle="color:#aa1111">"用户已登录，用户id为：{}"</span>,<spanstyle="color:#000000">request</span>.<spanstyle="color:#000000">getSession</span>().<spanstyle="color:#000000">getAttribute</span>(<spanstyle="color:#aa1111">"user"</span>));
​<spanstyle="color:#008855">Long</span><spanstyle="color:#000000">userId</span><spanstyle="color:#981a1a">=</span> (<spanstyle="color:#008855">Long</span>) <spanstyle="color:#000000">request</span>.<spanstyle="color:#000000">getSession</span>().<spanstyle="color:#000000">getAttribute</span>(<spanstyle="color:#aa1111">"user"</span>);
<spanstyle="color:#000000">BaseContext</span>.<spanstyle="color:#000000">setCurrentId</span>(<spanstyle="color:#000000">userId</span>);
​<spanstyle="color:#000000">filterChain</span>.<spanstyle="color:#000000">doFilter</span>(<spanstyle="color:#000000">request</span>,<spanstyle="color:#000000">response</span>);
<spanstyle="color:#770088">return</span>;
}</span></span>

5.4.2.2 发送短信验证码

在UserController中创建方法，处理登录页面的请求，为指定手机号发送短信验证码，同时需要将手机号对应的验证码保存到Session，方便后续登录时进行比对。

<spanstyle="background-color:#f8f8f8"><spanstyle="color:#333333"><spanstyle="color:#aa5500">/**</span><span style="color:#aa5500">* 发送手机短信验证码</span><span style="color:#aa5500">* @param user</span><span style="color:#aa5500">* @return</span><span style="color:#aa5500">*/</span><spanstyle="color:#555555">@PostMapping</span>(<spanstyle="color:#aa1111">"/sendMsg"</span>)
<spanstyle="color:#770088">public</span><spanstyle="color:#000000">R</span><spanstyle="color:#981a1a"><</span><spanstyle="color:#008855">String</span><spanstyle="color:#981a1a">></span><spanstyle="color:#0000ff">sendMsg</span>(<spanstyle="color:#555555">@RequestBody</span><spanstyle="color:#000000">User</span><spanstyle="color:#000000">user</span>, <spanstyle="color:#000000">HttpSession</span><spanstyle="color:#000000">session</span>){
<spanstyle="color:#aa5500">//获取手机号</span><spanstyle="color:#008855">String</span><spanstyle="color:#000000">phone</span><spanstyle="color:#981a1a">=</span><spanstyle="color:#000000">user</span>.<spanstyle="color:#000000">getPhone</span>();
<spanstyle="color:#770088">if</span>(<spanstyle="color:#000000">StringUtils</span>.<spanstyle="color:#000000">isNotEmpty</span>(<spanstyle="color:#000000">phone</span>)){
<spanstyle="color:#aa5500">//生成随机的4位验证码</span><spanstyle="color:#008855">String</span><spanstyle="color:#000000">code</span><spanstyle="color:#981a1a">=</span><spanstyle="color:#000000">ValidateCodeUtils</span>.<spanstyle="color:#000000">generateValidateCode</span>(<spanstyle="color:#116644">4</span>).<spanstyle="color:#000000">toString</span>();
<spanstyle="color:#000000">log</span>.<spanstyle="color:#000000">info</span>(<spanstyle="color:#aa1111">"code={}"</span>,<spanstyle="color:#000000">code</span>);
<spanstyle="color:#aa5500">//调用阿里云提供的短信服务API完成发送短信</span><spanstyle="color:#aa5500">//SMSUtils.sendMessage("瑞吉外卖","",phone,code);</span><spanstyle="color:#aa5500">//需要将生成的验证码保存到Session</span><spanstyle="color:#000000">session</span>.<spanstyle="color:#000000">setAttribute</span>(<spanstyle="color:#000000">phone</span>,<spanstyle="color:#000000">code</span>);
<spanstyle="color:#770088">return</span><spanstyle="color:#000000">R</span>.<spanstyle="color:#000000">success</span>(<spanstyle="color:#aa1111">"手机验证码短信发送成功"</span>);
    }
<spanstyle="color:#770088">return</span><spanstyle="color:#000000">R</span>.<spanstyle="color:#000000">error</span>(<spanstyle="color:#aa1111">"短信发送失败"</span>);
}</span></span>

备注:

这里发送短信我们只需要调用封装的工具类中的方法即可，我们这个功能流程跑通，在测试中我们不用真正的发送短信，只需要将验证码信息，通过日志输出，登录时，我们直接从控制台就可以看到生成的验证码(实际上也就是发送到我们手机上的验证码)

5.4.2.3 验证码登录

在UserController中增加登录的方法 login，该方法的具体逻辑为：

1). 获取前端传递的手机号和验证码

2). 从Session中获取到手机号对应的正确的验证码

3). 进行验证码的比对 , 如果比对失败, 直接返回错误信息

4). 如果比对成功, 需要根据手机号查询当前用户, 如果用户不存在, 则自动注册一个新用户

5). 将登录用户的ID存储Session中

具体代码实现:

<spanstyle="background-color:#f8f8f8"><spanstyle="color:#333333"><spanstyle="color:#aa5500">/**</span><span style="color:#aa5500">* 移动端用户登录</span><span style="color:#aa5500">* @param map</span><span style="color:#aa5500">* @param session</span><span style="color:#aa5500">* @return</span><span style="color:#aa5500">*/</span><spanstyle="color:#555555">@PostMapping</span>(<spanstyle="color:#aa1111">"/login"</span>)
<spanstyle="color:#770088">public</span><spanstyle="color:#000000">R</span><spanstyle="color:#981a1a"><</span><spanstyle="color:#000000">User</span><spanstyle="color:#981a1a">></span><spanstyle="color:#0000ff">login</span>(<spanstyle="color:#555555">@RequestBody</span><spanstyle="color:#000000">Map</span><spanstyle="color:#000000">map</span>, <spanstyle="color:#000000">HttpSession</span><spanstyle="color:#000000">session</span>){
<spanstyle="color:#000000">log</span>.<spanstyle="color:#000000">info</span>(<spanstyle="color:#000000">map</span>.<spanstyle="color:#000000">toString</span>());
<spanstyle="color:#aa5500">//获取手机号</span><spanstyle="color:#008855">String</span><spanstyle="color:#000000">phone</span><spanstyle="color:#981a1a">=</span><spanstyle="color:#000000">map</span>.<spanstyle="color:#000000">get</span>(<spanstyle="color:#aa1111">"phone"</span>).<spanstyle="color:#000000">toString</span>();
<spanstyle="color:#aa5500">//获取验证码</span><spanstyle="color:#008855">String</span><spanstyle="color:#000000">code</span><spanstyle="color:#981a1a">=</span><spanstyle="color:#000000">map</span>.<spanstyle="color:#000000">get</span>(<spanstyle="color:#aa1111">"code"</span>).<spanstyle="color:#000000">toString</span>();
<spanstyle="color:#aa5500">//从Session中获取保存的验证码</span><spanstyle="color:#008855">Object</span><spanstyle="color:#000000">codeInSession</span><spanstyle="color:#981a1a">=</span><spanstyle="color:#000000">session</span>.<spanstyle="color:#000000">getAttribute</span>(<spanstyle="color:#000000">phone</span>);
​<spanstyle="color:#aa5500">//进行验证码的比对（页面提交的验证码和Session中保存的验证码比对）</span><spanstyle="color:#770088">if</span>(<spanstyle="color:#000000">codeInSession</span><spanstyle="color:#981a1a">!=</span><spanstyle="color:#221199">null</span><spanstyle="color:#981a1a">&&</span><spanstyle="color:#000000">codeInSession</span>.<spanstyle="color:#000000">equals</span>(<spanstyle="color:#000000">code</span>)){
<spanstyle="color:#aa5500">//如果能够比对成功，说明登录成功</span>​<spanstyle="color:#000000">LambdaQueryWrapper</span><spanstyle="color:#981a1a"><</span><spanstyle="color:#000000">User</span><spanstyle="color:#981a1a">></span><spanstyle="color:#000000">queryWrapper</span><spanstyle="color:#981a1a">=</span><spanstyle="color:#770088">new</span><spanstyle="color:#000000">LambdaQueryWrapper</span><spanstyle="color:#981a1a"><></span>();
<spanstyle="color:#000000">queryWrapper</span>.<spanstyle="color:#000000">eq</span>(<spanstyle="color:#000000">User</span>::<spanstyle="color:#000000">getPhone</span>,<spanstyle="color:#000000">phone</span>);
​<spanstyle="color:#000000">User</span><spanstyle="color:#000000">user</span><spanstyle="color:#981a1a">=</span><spanstyle="color:#000000">userService</span>.<spanstyle="color:#000000">getOne</span>(<spanstyle="color:#000000">queryWrapper</span>);
<spanstyle="color:#770088">if</span>(<spanstyle="color:#000000">user</span><spanstyle="color:#981a1a">==</span><spanstyle="color:#221199">null</span>){
<spanstyle="color:#aa5500">//判断当前手机号对应的用户是否为新用户，如果是新用户就自动完成注册</span><spanstyle="color:#000000">user</span><spanstyle="color:#981a1a">=</span><spanstyle="color:#770088">new</span><spanstyle="color:#000000">User</span>();
<spanstyle="color:#000000">user</span>.<spanstyle="color:#000000">setPhone</span>(<spanstyle="color:#000000">phone</span>);
<spanstyle="color:#000000">user</span>.<spanstyle="color:#000000">setStatus</span>(<spanstyle="color:#116644">1</span>);
<spanstyle="color:#000000">userService</span>.<spanstyle="color:#000000">save</span>(<spanstyle="color:#000000">user</span>);
        }
<spanstyle="color:#000000">session</span>.<spanstyle="color:#000000">setAttribute</span>(<spanstyle="color:#aa1111">"user"</span>,<spanstyle="color:#000000">user</span>.<spanstyle="color:#000000">getId</span>());
<spanstyle="color:#770088">return</span><spanstyle="color:#000000">R</span>.<spanstyle="color:#000000">success</span>(<spanstyle="color:#000000">user</span>);
    }
<spanstyle="color:#770088">return</span><spanstyle="color:#000000">R</span>.<spanstyle="color:#000000">error</span>(<spanstyle="color:#aa1111">"登录失败"</span>);
}</span></span>

5.5 功能测试

代码完成后，重启服务，测试短信验证码的发送及登录功能。

1). 测试错误验证码的情况

image.png

image.png

检查user表，用户的数据也插入进来了：

image.png

文章标签：
前端开发
测试技术
API
存储
关键词：
手机登录
短信手机
验证码登录
短信验证码
手机验证码
陶然同学
828文章
目录
打赏
0
相关文章
技术自由圈/原疯狂创客圈
|
1月前
|
存储 NoSQL 前端开发
美团面试：手机扫描PC二维码登录，底层原理和完整流程是什么？
45岁老架构师尼恩详细梳理了手机扫码登录的完整流程，帮助大家在面试中脱颖而出。该过程分为三个阶段：待扫描阶段、已扫描待确认阶段和已确认阶段。更多技术圣经系列PDF及详细内容，请关注【技术自由圈】获取。
技术自由圈/原疯狂创客圈
126 7
卓伊凡
|
1月前
|
缓存 Java 应用服务中间件
java语言后台管理若依框架-登录提示404-接口异常-系统接口404异常如何处理-登录验证码不显示prod-api/captchaImage 404 (Not Found) 如何处理-解决方案优雅草卓伊凡
java语言后台管理若依框架-登录提示404-接口异常-系统接口404异常如何处理-登录验证码不显示prod-api/captchaImage 404 (Not Found) 如何处理-解决方案优雅草卓伊凡
卓伊凡
138 5
卓伊凡
|
2月前
|
缓存 前端开发 IDE
【06】flutter完成注册页面-密码登录-手机短信验证-找回密码相关页面-并且实现静态跳转打包demo做演示-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
【06】flutter完成注册页面-密码登录-手机短信验证-找回密码相关页面-并且实现静态跳转打包demo做演示-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
卓伊凡
38 0
【06】flutter完成注册页面-密码登录-手机短信验证-找回密码相关页面-并且实现静态跳转打包demo做演示-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
jianz123
|
4月前
|
Android开发 数据安全/隐私保护 虚拟化
安卓手机远程连接登录Windows服务器教程
安卓手机远程连接登录Windows服务器教程
jianz123
650 4
付兴森
|
5月前
Discuz! X3.5插件云诺-阿里云短信手机登录 会员登录后也无法查看附件图片的问题解决方法
Discuz! X3.5插件云诺-阿里云短信手机登录 会员登录后也无法查看附件图片的问题解决方法
付兴森
83 2
1100237741946300
|
5月前
|
SQL 存储 数据可视化
手机短信SQL分析技巧与方法
在手机短信应用中，SQL分析扮演着至关重要的角色
1100237741946300
214 5
木子0204
|
5月前
|
Java
Java 登录输入的验证码
Java 登录输入的验证码
木子0204
60 1
bruce_xiaowei
|
5月前
|
数据采集 消息中间件 API
Python爬虫验证码识别——手机验证码的自动化处理
Python爬虫验证码识别——手机验证码的自动化处理
bruce_xiaowei
251 0
何雨晨
|
5月前
|
C#
C# 图形验证码实现登录校验代码
C# 图形验证码实现登录校验代码
何雨晨
164 2
六卿
|
6月前
|
存储 JSON 前端开发
node使用token来实现前端验证码和登录功能详细流程[供参考]=‘很值得‘
本文介绍了在Node.js中使用token实现前端验证码和登录功能的详细流程，包括生成验证码、账号密码验证以及token验证和过期处理。
六卿
138 0
node使用token来实现前端验证码和登录功能详细流程[供参考]=‘很值得‘

热门文章

最新文章

  • 1
    2025年阿里云短信验证码价格多少钱？计费模式与场景选型指南
    42
  • 2
    如何有效防止验证码盗刷？
    32
  • 3
    【01】整体试验思路，如何在有UID的情况下获得用户手机号信息，python开发之理论研究试验，如何通过抖音视频下方的用户的UID获得抖音用户的手机号-本系列文章仅供学习研究-禁止用于任何商业用途-仅供学习交流-优雅草卓伊凡
    13
  • 4
    美团面试：手机扫描PC二维码登录，底层原理和完整流程是什么？
    25
  • 5
    【02】整体试验思路，在这之前我们发现sec_uid,sec_uid是什么和uid的关系又是什么？相互如何转换？python开发之理论研究试验，如何通过抖音视频下方的用户的UID获得抖音用户的手机号-本系列文章仅供学习研究-禁止用于任何商业用途-仅供学习交流-优雅草卓伊凡
    9
  • 6
    【03】鸿蒙实战应用开发-华为鸿蒙纯血操作系统Harmony OS NEXT-测试hello word效果-虚拟华为手机真机环境调试-为DevEco Studio编译器安装中文插件-测试写一个滑动块效果-介绍诸如ohos.ui等依赖库-全过程实战项目分享-从零开发到上线-优雅草卓伊凡
    6
  • 7
    算法系统协同优化，vivo与港中文推出BlueLM-V-3B，手机秒变多模态AI专家
    7
  • 8
    java语言后台管理若依框架-登录提示404-接口异常-系统接口404异常如何处理-登录验证码不显示prod-api/captchaImage 404 (Not Found) 如何处理-解决方案优雅草卓伊凡
    46
  • 9
    jquery实现文字点选验证码
    8
  • 10
    MNN-LLM App：在手机上离线运行大模型，阿里巴巴开源基于 MNN-LLM 框架开发的手机 AI 助手应用
    156
  • 1
    算法系统协同优化，vivo与港中文推出BlueLM-V-3B，手机秒变多模态AI专家
    37
  • 2
    【02】整体试验思路，在这之前我们发现sec_uid,sec_uid是什么和uid的关系又是什么？相互如何转换？python开发之理论研究试验，如何通过抖音视频下方的用户的UID获得抖音用户的手机号-本系列文章仅供学习研究-禁止用于任何商业用途-仅供学习交流-优雅草卓伊凡
    59
  • 3
    【03】鸿蒙实战应用开发-华为鸿蒙纯血操作系统Harmony OS NEXT-测试hello word效果-虚拟华为手机真机环境调试-为DevEco Studio编译器安装中文插件-测试写一个滑动块效果-介绍诸如ohos.ui等依赖库-全过程实战项目分享-从零开发到上线-优雅草卓伊凡
    40
  • 4
    【01】整体试验思路，如何在有UID的情况下获得用户手机号信息，python开发之理论研究试验，如何通过抖音视频下方的用户的UID获得抖音用户的手机号-本系列文章仅供学习研究-禁止用于任何商业用途-仅供学习交流-优雅草卓伊凡
    145
  • 5
    美团面试：手机扫描PC二维码登录，底层原理和完整流程是什么？
    126
  • 6
    MNN-LLM App：在手机上离线运行大模型，阿里巴巴开源基于 MNN-LLM 框架开发的手机 AI 助手应用
    1624
  • 7
    【06】flutter完成注册页面-密码登录-手机短信验证-找回密码相关页面-并且实现静态跳转打包demo做演示-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
    38
  • 8
    ClKLog支持手机端查询统计数据啦！
    47
  • 9
    OmAgent：轻松构建在终端设备上运行的 AI 应用，赋能手机、穿戴设备、摄像头等多种设备
    297
  • 10
    Mobile-Agent：通过视觉感知实现自动化手机操作，支持多应用跨平台
    551

    • 相关电子书

    更多
  • 负载均衡是如何支撑几亿手机微博用户访问的 -高性能负载均衡研发和应用实践
  • 手机淘宝 H5 和 Weex 容器的构建实践
  • 手机行业的轻模式创新
    • 下一篇
    获取百炼API-KEY
    目录
    AI助理

    你好，我是AI助理

    可以解答问题、推荐解决方案等