若依前后端分离版ruoyi-vue：小程序和APP获取token指南

2022-11-15 20:51:00

在 Ruoyi-Vue 中使用手机号和验证码登录

引言

随着数字时代的到来，小程序和 APP 已成为我们生活中不可或缺的一部分。为了增强用户体验，企业和组织纷纷采用 Ruoyi-Vue 后端分离框架构建应用程序。本文将深入探讨如何在 Ruoyi-Vue 中添加新的手机号和验证码登录接口，帮助小程序和 APP 获取令牌并利用 Ruoyi 的认证机制。

步骤

1. 添加用户表实体类

首先，我们创建一个新的用户表实体类，并为其定义 getter 和 setter 方法。这些方法对于从 Redis 中检索完整用户信息至关重要。

public class User {

    private String id;
    private String username;
    private String password;
    private String phone;
    private String email;

    // Getter 和 Setter 方法

}

2. 修改 SecurityConfig 类

接下来，我们修改 SecurityConfig 类，添加一个基于手机号和验证码的新登录接口。我们还需根据实际情况填写腾讯云短信验证码配置信息。

@Override
protected void configure(HttpSecurity http) throws Exception {
    http
            .authorizeRequests()
            .antMatchers("/api/login/phone").permitAll()
            .anyRequest().authenticated()
            .and()
            .formLogin()
            .loginPage("/login.html")
            .loginProcessingUrl("/api/login")
            .permitAll()
            .and()
            .logout()
            .logoutUrl("/logout")
            .logoutSuccessUrl("/login.html")
            .permitAll();
}

3. 修改 LoginController 类

最后，我们修改 LoginController 类，添加一个新方法来处理手机号和验证码登录请求。该方法使用腾讯云短信验证码服务验证手机号和验证码。

@PostMapping("/phone")
public R loginPhone(String phone, String code) {
    if (StrUtil.isEmpty(phone) || StrUtil.isEmpty(code)) {
        return R.error("手机号或验证码不能为空");
    }
    boolean verifyResult = verifyCode(phone, code);
    if (!verifyResult) {
        return R.error("验证码错误");
    }
    UserInfo user = getUserInfo(phone);
    if (user == null) {
        user = register(phone);
    }
    String token = createToken(user);
    return R.ok("登录成功", token);
}