用户认证与网关整合

思路:

  1. 所有请求都会经过服务网关,服务网关对外暴露服务,在网关进行统一用户认证;
  2. 既然要在网关进行用户认证,网关得知道对哪些url进行认证,所以我们得对ur制定规则
  3. Api接口异步请求的,我们采取url规则匹配,如:/api//auth/,如凡是满足该规则的都必须用户认证

1、调整server-gateway模块

新建AuthGlobalFilter类
在这里插入图片描述

1.1、在服务网关添加fillter

在这里插入图片描述

@Override
public Mono<Void> filter(ServerWebExchange exchange, GatewayFilterChain chain) {
    
    
    ServerHttpRequest request = exchange.getRequest();
    String path = request.getURI().getPath();
    System.out.println("==="+path);

    //内部服务接口,不允许外部访问
    if(antPathMatcher.match("/**/inner/**", path)) {
    
    
        ServerHttpResponse response = exchange.getResponse();
        return out(response, ResultCodeEnum.PERMISSION);
    }

    Long userId = this.getUserId(request);
    //api接口,异步请求,校验用户必须登录
    if(antPathMatcher.match("/api/**/auth/**", path)) {
    
    
        if(StringUtils.isEmpty(userId)) {
    
    
            ServerHttpResponse response = exchange.getResponse();
            return out(response, ResultCodeEnum.LOGIN_AUTH);
        }
    }
    return chain.filter(exchange);
}

1.2、在服务网关中判断用户登录状态

在网关中如何获取用户信息:
1,我们统一从header头信息中获取
如何判断用户信息合法:
登录时我们返回用户token,在服务网关中获取到token后,我在到redis中去查看用户id,如何用户id存在,则token合法,否则不合法

1.3、取用户信息

在这里插入图片描述

/**
 * 获取当前登录用户id
 * @param request
 * @return
 */
private Long getUserId(ServerHttpRequest request) {
    
    
    String token = "";
    List<String> tokenList = request.getHeaders().get("token");
    if(null  != tokenList) {
    
    
        token = tokenList.get(0);
    }
    if(!StringUtils.isEmpty(token)) {
    
    
        return JwtHelper.getUserId(token);
    }
    return null;
}

1.4、网关AuthGlobalFilter类完整代码

在这里插入图片描述

import com.alibaba.fastjson.JSONObject;
import com.study.yygh.common.helper.JwtHelper;
import com.study.yygh.common.result.Result;
import com.study.yygh.common.result.ResultCodeEnum;
import org.springframework.cloud.gateway.filter.GatewayFilterChain;
import org.springframework.cloud.gateway.filter.GlobalFilter;
import org.springframework.core.Ordered;
import org.springframework.core.io.buffer.DataBuffer;
import org.springframework.http.server.reactive.ServerHttpRequest;
import org.springframework.http.server.reactive.ServerHttpResponse;
import org.springframework.stereotype.Component;
import org.springframework.util.AntPathMatcher;
import org.springframework.util.StringUtils;
import org.springframework.web.server.ServerWebExchange;
import reactor.core.publisher.Mono;

import java.nio.charset.StandardCharsets;
import java.util.List;

/**
 * <p>
 * 全局Filter,统一处理会员登录与外部不允许访问的服务
 * </p>
 *
 * @author qy
 * @since 2019-11-21
 */
@Component
public class AuthGlobalFilter implements GlobalFilter, Ordered {
    
    

    private AntPathMatcher antPathMatcher = new AntPathMatcher();

    @Override
    public Mono<Void> filter(ServerWebExchange exchange, GatewayFilterChain chain) {
    
    
        ServerHttpRequest request = exchange.getRequest();
        String path = request.getURI().getPath();
        System.out.println("==="+path);

        //内部服务接口,不允许外部访问
        if(antPathMatcher.match("/**/inner/**", path)) {
    
    
            ServerHttpResponse response = exchange.getResponse();
            return out(response, ResultCodeEnum.PERMISSION);
        }

        Long userId = this.getUserId(request);
        //api接口,异步请求,校验用户必须登录
        if(antPathMatcher.match("/api/**/auth/**", path)) {
    
    
            if(StringUtils.isEmpty(userId)) {
    
    
                ServerHttpResponse response = exchange.getResponse();
                return out(response, ResultCodeEnum.LOGIN_AUTH);
            }
        }
        return chain.filter(exchange);
    }

    @Override
    public int getOrder() {
    
    
        return 0;
    }

    /**
     * api接口鉴权失败返回数据
     * @param response
     * @return
     */
    private Mono<Void> out(ServerHttpResponse response, ResultCodeEnum resultCodeEnum) {
    
    
        Result result = Result.build(null, resultCodeEnum);
        byte[] bits = JSONObject.toJSONString(result).getBytes(StandardCharsets.UTF_8);
        DataBuffer buffer = response.bufferFactory().wrap(bits);
        //指定编码,否则在浏览器中会中文乱码
        response.getHeaders().add("Content-Type", "application/json;charset=UTF-8");
        return response.writeWith(Mono.just(buffer));
    }

    /**
     * 获取当前登录用户id
     * @param request
     * @return
     */
    private Long getUserId(ServerHttpRequest request) {
    
    
        String token = "";
        List<String> tokenList = request.getHeaders().get("token");
        if(null  != tokenList) {
    
    
            token = tokenList.get(0);
        }
        if(!StringUtils.isEmpty(token)) {
    
    
            return JwtHelper.getUserId(token);
        }
        return null;
    }
}

2、调整前端yygh-site

请求服务器端接口时我们默认带上token,需要登录的接口如果token没有或者token过期,服务器端会返回208状态,然后发送登录事件打开登录弹出层登录
修改utils/request.js文件

在这里插入图片描述

import axios from 'axios'
import {
    
     MessageBox, Message } from 'element-ui'
import cookie from 'js-cookie'

// 创建axios实例
const service = axios.create({
    
    
    baseURL: 'http://localhost',
    timeout: 15000 // 请求超时时间
})
// http request 拦截器
service.interceptors.request.use(
    config => {
    
    
    // token 先不处理,后续使用时在完善
    //判断cookie是否有token值
    if(cookie.get('token')) {
    
    
        //token值放到cookie里面
        config.headers['token']=cookie.get('token')
    }
    return config
},
  err => {
    
    
    return Promise.reject(err)
})
// http response 拦截器
service.interceptors.response.use(
    response => {
    
    
        //状态码是208
        if(response.data.code === 208) {
    
    
            //弹出登录输入框
            loginEvent.$emit('loginDialogEvent')
            return
        } else {
    
    
            if (response.data.code !== 200) {
    
    
                Message({
    
    
                    message: response.data.message,
                    type: 'error',
                    duration: 5 * 1000
                })
                return Promise.reject(response.data)
            } else {
    
    
                return response.data
            }
        }
    },
    error => {
    
    
        return Promise.reject(error.response)
})
export default service

Guess you like

Origin blog.csdn.net/qq_46112274/article/details/119029423