Spring OAuth2已实现Google/Facebook登录，需新增表单式用户名密码认证

嘿，这事儿不难办！你只需要在现有的SecurityConfig里扩展配置，同时确保用户认证的核心组件到位，就能同时支持Google/Facebook的OAuth2登录和传统的用户名密码表单登录。下面是具体的实现方案：

1. 配置核心认证组件 #

表单登录依赖UserDetailsService（用于加载用户信息）和PasswordEncoder（用于密码加密验证），你需要先配置这两个Bean。测试阶段可以用内存用户示例，生产环境换成数据库驱动的实现即可：

@Bean
public UserDetailsService userDetailsService() {
    // 内存用户示例，生产环境替换为从数据库查询用户逻辑
    UserDetails testUser = User.withUsername("testuser")
            .password(passwordEncoder().encode("testpass123"))
            .roles("USER")
            .build();
    return new InMemoryUserDetailsManager(testUser);
}

@Bean
public PasswordEncoder passwordEncoder() {
    // Spring Security推荐的BCrypt加密方式
    return new BCryptPasswordEncoder();
}

2. 修改SecurityConfig，同时启用两种登录方式 #

在原有的OAuth2登录配置基础上，添加表单登录的配置，还要确保登录相关路径允许匿名访问（不然用户还没登录就会被拦截）：

@Configuration
public class SecurityConfig extends WebSecurityConfigurerAdapter {

    // 上面的UserDetailsService和PasswordEncoder Bean放在这里

    @Override
    protected void configure(HttpSecurity http) throws Exception {
        http.authorizeRequests()
                // 允许登录页面、登录错误页面匿名访问
                .antMatchers("/login", "/login-error").permitAll()
                // 所有其他请求都需要认证
                .anyRequest().authenticated()
                .and()
                // 保留原有的OAuth2登录配置
                .oauth2Login()
                .and()
                // 启用表单登录功能
                .formLogin()
                // 可选：指定自定义登录页面路径，取消注释并创建对应页面即可
                // .loginPage("/custom-login")
                // .failureUrl("/login-error")
                .permitAll();
    }
}

关键细节说明 #

• 默认表单登录行为：启用formLogin()后，Spring Security会自动提供一个简单的默认登录页面，处理/login的POST请求（参数名默认是username和password），登录成功后会跳转到之前访问的页面或默认首页。
• 自定义登录页面：如果需要自己设计登录页面，用loginPage("/custom-login")指定页面路径，页面中的表单要提交到/login，保持参数名一致即可（也可以用usernameParameter()/passwordParameter()修改参数名）。
• 权限控制：permitAll()确保登录相关路径不被拦截，让未认证用户能正常访问登录页面。

这样配置完成后，你的应用就会同时支持两种登录方式：用户既可以选择通过Google/Facebook的OAuth2按钮登录，也可以通过用户名密码表单登录啦！

内容的提问来源于stack exchange，提问作者Eamorr