Spring Security怎么自定义登录页? 怎么注销?

清疚 2023-10-03 22:48 22阅读 0赞

## 背景 ##

前面章节你会发现, spring security生成的登录页特丑, 忍不了

## 本章内容 ##

*  怎么自定义登录页
 *  底层都怎么实现
 *  如何注销?
 *  注销底层源码简单分析

## 开干 ##

1.  去网上找个好看的前端, 改改
2.  改改spring security配置
3.  启动

![39108f79b88450a1cd51af5c9153b80f.png][]

几个红框框的地方注意下

@Configuration
    public class SecurityConfig {
       
       @Bean
       public SecurityFilterChain securityFilterChain(HttpSecurity http) throws Exception {
          http.authorizeRequests()
                .antMatchers("/css/**", "/images/**", "/js/**").permitAll()
                .anyRequest().authenticated();
          
          http.formLogin(formLoginConfigurer -> {
             formLoginConfigurer.loginPage("/login.html");
             formLoginConfigurer.loginProcessingUrl("/doLogin");
             formLoginConfigurer.defaultSuccessUrl("/hello", true);
             formLoginConfigurer.permitAll();
          });
          
          http.csrf().disable();
          
          return http.build();
       }
       
    }
    复制代码

server:
      port: 8080
    spring:
      security:
        user:
          name: zhazha
          password: "{noop}123456"
    复制代码

![f7d8b7464874e2e4a86d0aba108a0541.png][]

![d313134979a102e096e94bb0ab65c3cc.png][]

### 都什么意思? ###

![3bc2d5289ca55927f6a45651c9e761b9.png][]

### 为什么spring security知道我们自定义了? ###

![b1779157fbebba88c0c523ee5c68baca.png][]

### 我们设置的loginPage地址去哪了? ###

![e0251b562c113bdf554e69df69869031.png][]

### 我们配置的`loginProcessingUrl`在底层怎么玩? ###

前端已经用到这个地址了, 服务端只需要做个匹配器就好, 如果满足匹配器条件, 执行某个过滤器, 否则不执行过滤器

![d0ecd0b7defafcf4823208bf269b4596.png][]

![53ac315c8aff1fe5cbcd9620b7ce3b52.png][]

这个类可不得了 `AbstractAuthenticationProcessingFilter`, 看他实现就知道了

![b1915ca62c40af32055e9f1301bccb3f.png][]

也就是说, 只要客户端请求了`/doLogin`, 就会被 `AbstractAuthenticationProcessingFilter` 过滤器匹配, 该过滤器就会拦截请求

> 又上面那个过滤器是抽象类, 最终一般都是`UsernamePasswordAuthenticationFilter`

![075e1fddd76cb9f7b3df8d0b56d1c6ea.png][]

![89290e8f44729afb5ee61c3c4fba891c.png][]

> spring security的匹配器和过滤器之间的关系类似于spring gateway的 predicates和filter, 也就是 kv 结构, k负责匹配, v负责功能

### 最后的`permitAll`呢? ###

默认是 `true`

![bd512ad055dd5172550432588c9d7218.png][]

几个地址都加入白名单

### 自定义表单属性 ###

如果你前端请求传递给你的参数并不是 username 和 password 怎么办?

1.  跟他说, 叫他改, 我喜欢, 约定大于配置
2.  前端是老大, 我听他的
3.  出去打一架

![88b39064cee348fe5c0d729456d2b95a.png][]

## 注销怎么拿捏? ##

// 注销
    http.logout(logoutConfigurer -> {
       logoutConfigurer.invalidateHttpSession(true);
       logoutConfigurer.clearAuthentication(true);
       logoutConfigurer.permitAll();
    });
    复制代码

完事~~~ 本章结束

### 源码分析 ###

核心接口:

![f3abfdf5336cf0a4a0b6fdbfffc53067.png][]

注销的过滤器:

LogoutFilter
    复制代码

#### invalidateHttpSession和clearAuthentication函数做了啥? ####

![a49ea3f5f20a520dbb148d568e111800.png][]

![49f196e9a1799e055e175c950b4df5b7.png][]

[39108f79b88450a1cd51af5c9153b80f.png]: https://img-blog.csdnimg.cn/img_convert/39108f79b88450a1cd51af5c9153b80f.png
[f7d8b7464874e2e4a86d0aba108a0541.png]: https://img-blog.csdnimg.cn/img_convert/f7d8b7464874e2e4a86d0aba108a0541.png
[d313134979a102e096e94bb0ab65c3cc.png]: https://img-blog.csdnimg.cn/img_convert/d313134979a102e096e94bb0ab65c3cc.png
[3bc2d5289ca55927f6a45651c9e761b9.png]: https://img-blog.csdnimg.cn/img_convert/3bc2d5289ca55927f6a45651c9e761b9.png
[b1779157fbebba88c0c523ee5c68baca.png]: https://img-blog.csdnimg.cn/img_convert/b1779157fbebba88c0c523ee5c68baca.png
[e0251b562c113bdf554e69df69869031.png]: https://img-blog.csdnimg.cn/img_convert/e0251b562c113bdf554e69df69869031.png
[d0ecd0b7defafcf4823208bf269b4596.png]: https://img-blog.csdnimg.cn/img_convert/d0ecd0b7defafcf4823208bf269b4596.png
[53ac315c8aff1fe5cbcd9620b7ce3b52.png]: https://img-blog.csdnimg.cn/img_convert/53ac315c8aff1fe5cbcd9620b7ce3b52.png
[b1915ca62c40af32055e9f1301bccb3f.png]: https://img-blog.csdnimg.cn/img_convert/b1915ca62c40af32055e9f1301bccb3f.png
[075e1fddd76cb9f7b3df8d0b56d1c6ea.png]: https://img-blog.csdnimg.cn/img_convert/075e1fddd76cb9f7b3df8d0b56d1c6ea.png
[89290e8f44729afb5ee61c3c4fba891c.png]: https://img-blog.csdnimg.cn/img_convert/89290e8f44729afb5ee61c3c4fba891c.png
[bd512ad055dd5172550432588c9d7218.png]: https://img-blog.csdnimg.cn/img_convert/bd512ad055dd5172550432588c9d7218.png
[88b39064cee348fe5c0d729456d2b95a.png]: https://img-blog.csdnimg.cn/img_convert/88b39064cee348fe5c0d729456d2b95a.png
[f3abfdf5336cf0a4a0b6fdbfffc53067.png]: https://img-blog.csdnimg.cn/img_convert/f3abfdf5336cf0a4a0b6fdbfffc53067.png
[a49ea3f5f20a520dbb148d568e111800.png]: https://img-blog.csdnimg.cn/img_convert/a49ea3f5f20a520dbb148d568e111800.png
[49f196e9a1799e055e175c950b4df5b7.png]: https://img-blog.csdnimg.cn/img_convert/49f196e9a1799e055e175c950b4df5b7.png