Spring Cloud_Gateway新一代网关

深藏阁楼爱情的钟 2024-03-27 09:49 116阅读 0赞

#### 目录 ####

*  一、概述简介
 *   *  1.官网
     *  2.是什么
     *  3.能干嘛
     *  4.微服务架构中网关在哪里
 *  二、三大核心概念
 *   *  1.Route(路由)
     *  2.Predicate（断言）
     *  3.Filter(过滤)
     *  4.总体
 *  三、Gateway工作流程
 *   *  1.官网总结
     *  2.核心逻辑：路由转发+执行过滤器链
 *  四、入门配置
 *   *  1.新建Module
     *  2.POM
     *  3.YML
     *  4.业务类
     *  5.主启动类
     *  6.9527网关如何做路由映射呢？？？
     *  7.YML新增网关配置
     *  8.测试
     *  5.通过微服务名实现动态路由
     *   *  5.1.启动
         *  5.2.POM
         *  5.3.YML
         *  5.4.测试
     *  6.Predicate的使用
     *   *  6.1.是什么
         *  6.2.Route Predicate Factories这个是什么东东？
         *  6.3.常用的Route Predicate
     *  7.Filter的使用
     *   *  7.1.是什么
         *  7.2.Spring Cloud Gateway的Filter
         *  7.3.常用的GatewayFilter
         *  7.4.自定义过滤器

代码链接  
[https://github.com/lidonglin-bit/cloud][https_github.com_lidonglin-bit_cloud]

## 一、概述简介 ##

### 1.官网 ###

[https://cloud.spring.io/spring-cloud-static/spring-cloud-gateway/2.2.1.RELEASE/reference/html/][https_cloud.spring.io_spring-cloud-static_spring-cloud-gateway_2.2.1.RELEASE_reference_html]  
![在这里插入图片描述][61c67d234e4d41c88486c4ce2907da27.png]

### 2.是什么 ###

Cloud全家桶中有个很重要的组件就是网关，在1.x版本中都是采用的Zuul网关

[https://github.com/Netflix/zuul/wiki][https_github.com_Netflix_zuul_wiki]  
但在2.x版本中，zuul的升级一直跳票，SpringCloud最后自己研发了一个网关代替Zull，那就是SpringCloud Geteway；  
**Geteway是原Zuul1.x版的替代**  
![在这里插入图片描述][f12f534124344ec5acec9ad176091c9a.png]  
**概述**  
Gateway是在spring生态系统之上构建的API网关服务，基于Spring5，SpringBoot2和Project Reactor等技术。  
Gateway旨在提供一种简单而有效的方式来对API进行路由，以及提供一些强大的过滤器功能，例如：熔断、限流、重试等  
![在这里插入图片描述][ac35de6cb3844eddb9e9301cc3626cb2.png]  
SpringCloud Gateway是SpringCloud的一个全新项目，基于Spring5.0+SpringBoot2.0和Project Reactor等技术开发的网关，它旨在为微服务架构提供一种简单有效的统一的API路由管理方式。  
为了提升网关的性能，SpringCloud Gatway是基于WebFlux框架实现的，而WebFlux框架底层则使用了高性能的Reactor模式通讯框架Netty。  
SpringCloud Gateway的目标提供统一的路由方式且基于Filter链的方式提供了网关基本的功能，例如：安全、监控/指标、和限流。  
**一句话**  
Spring Cloud Gateway 使用的Webflux中的reactor-netty响应式编程组件，底层使用了Netty通讯框架  
![在这里插入图片描述][53980b5bc60b47b98dff5452ed18c72d.png]

### 3.能干嘛 ###

*  反向代理
 *  鉴权
 *  流量控制
 *  熔断
 *  日志监控

### 4.微服务架构中网关在哪里 ###

![在这里插入图片描述][dcb6f6187812404b94fba20575c01ae5.png]

## 二、三大核心概念 ##

### 1.Route(路由) ###

路由是构建网关的基本模块，它由ID，目标URI，一系列的断言和过滤器组成，如果断言为true则匹配该路由

### 2.Predicate（断言） ###

参考的是java8的java.util.function.Predicate开发人员可以匹配HTTP请求中的所有内容（例如请求头或请求参数），如果请求与断言相匹配则进行路由

### 3.Filter(过滤) ###

指的是Spring框架中GatewayFilter的实例，使用过滤器，可以在请求被路由前或者之后对请求进行修改。

### 4.总体 ###

![在这里插入图片描述][e930cfa4036d42b496cde578b45edc90.png]  
Web请求，通过一些匹配条件，定位到真正的服务节点。并在这个转发过程的前后，进行一些精细化控制。  
Predicate就是我们的匹配条件： 而Filter，就是可以理解为一个无所不能的拦截器。有了这两个元素，再加上目标uri,就可以实现一个具体的路由了。

## 三、Gateway工作流程 ##

### 1.官网总结 ###

[https://cloud.spring.io/spring-cloud-static/spring-cloud-gateway/2.2.1.RELEASE/reference/html/\#gateway-how-it-works][https_cloud.spring.io_spring-cloud-static_spring-cloud-gateway_2.2.1.RELEASE_reference_html_gateway-how-it-works]  
![在这里插入图片描述][7a258a2c108c4a039868509a5b4e8705.png]  
![在这里插入图片描述][affb78f595ad4812a90ea518a325fc00.png]  
客户端向Spring Cloud Gateway发出请求。然后在Gateway Handler Mapping中找到与请求匹配的路由，将其发送到Gateway Web Handler.  
Handler再通过指定的过滤器链来将请求发送给我们实际的服务执行业务逻辑，然后返回。  
过滤器之间用虚线分开是因为过滤器可能会在发送代理请求之前（“pre”）或之后(“post”)执行业务逻辑。

**Filter在"pre"类型的过滤器可以做参数校验、权限校验、流量监控、日志输出、协议转换等，在"post"类型的过滤器中可以做响应内容、响应头的修改，日志的输出，流量控制等有着非常重要的作用**

### 2.核心逻辑：路由转发+执行过滤器链 ###

## 四、入门配置 ##

### 1.新建Module ###

cloud-gateway-gateway9527

### 2.POM ###

<?xml version="1.0" encoding="UTF-8"?>
    <project xmlns="http://maven.apache.org/POM/4.0.0"
             xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
             xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
        <parent>
            <artifactId>cloud2020</artifactId>
            <groupId>com.donglin.springcloud</groupId>
            <version>1.0-SNAPSHOT</version>
        </parent>
        <modelVersion>4.0.0</modelVersion>
        <artifactId>cloud-gateway-gateway9527</artifactId>
    
        <dependencies>
            
            <dependency>
                <groupId>org.springframework.cloud</groupId>
                <artifactId>spring-cloud-starter-gateway</artifactId>
            </dependency>
            <dependency>
                <groupId>com.donglin.springcloud</groupId>
                <artifactId>cloud-api-commons</artifactId>
                <version>1.0-SNAPSHOT</version>
            </dependency>
            <dependency>
                <groupId>org.springframework.cloud</groupId>
                <artifactId>spring-cloud-starter-netflix-hystrix</artifactId>
            </dependency>
            <dependency>
                <groupId>org.springframework.cloud</groupId>
                <artifactId>spring-cloud-starter-netflix-eureka-client</artifactId>
            </dependency>
            <dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-devtools</artifactId>
                <scope>runtime</scope>
                <optional>true</optional>
            </dependency>
            <dependency>
                <groupId>org.projectlombok</groupId>
                <artifactId>lombok</artifactId>
                <optional>true</optional>
            </dependency>
            <dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-starter-test</artifactId>
                <scope>test</scope>
            </dependency>
        </dependencies>
    </project>

### 3.YML ###

server:
      port: 9527
    spring:
      application:
        name: cloud-gateway
    
    eureka:
      instance:
        hostname: cloud-gateway-service
      client:
          register-with-eureka: true
          fetch-registry: true
          service-url:
              defaultZone: http://localhost:7001/eureka

### 4.业务类 ###

无

### 5.主启动类 ###

package com.donglin.springcloud;
    
    import org.springframework.boot.SpringApplication;
    import org.springframework.boot.autoconfigure.SpringBootApplication;
    import org.springframework.cloud.netflix.eureka.EnableEurekaClient;
    
    @SpringBootApplication
    @EnableEurekaClient
    public class GateWayMain9527 {
        
        public static void main(String[] args) {
        
                SpringApplication.run( GateWayMain9527.class,args);
            }
    }

### 6.9527网关如何做路由映射呢？？？ ###

我们目前不想暴露8001端口，希望在8001外面套一层9527

### 7.YML新增网关配置 ###

server:
      port: 9527
    
    spring:
      application:
        name: cloud-gateway
      cloud:
        gateway:
          routes:
           - id: payment_routh #路由的ID，没有固定规则但要求唯一，建议配合服务名
             uri: http://localhost:8001   #匹配后提供服务的路由地址
             predicates:
               - Path=/payment/get/**   #断言,路径相匹配的进行路由
     
           - id: payment_routh2
             uri: http://localhost:8001
             predicates:
               - Path=/payment/lb/**   #断言,路径相匹配的进行路由
    
    eureka:
      instance:
        hostname: cloud-gateway-service
      client:
        service-url:
          register-with-eureka: true
          fetch-registry: true
          defaultZone: http://localhost:7001/eureka

### 8.测试 ###

启动7001：cloud-eureka-server7001  
启动8001：cloud-provider-payment8001  
启动9527网关：cloud-gateway-gateway9527  
访问说明  
![在这里插入图片描述][fd1b84f33cdd47bea9ad0132f25775f1.png]  
添加网关前： http://localhost:8001/payment/get/31  
添加网关后： http://localhost:9527/payment/get/31

### 5.通过微服务名实现动态路由 ###

默认情况下Gateway会根据注册中心的服务列表，以注册中心上微服务名为路径创建动态路由进行转发，从而实现动态路由的功能

#### 5.1.启动 ####

一个eureka7001+两个服务提供者8001/8002

#### 5.2.POM ####

#### 5.3.YML ####

server:
      port: 9527
    
    spring:
      application:
        name: cloud-gateway
      cloud:
        gateway:
          discovery:
            locator:
              enabled: true  #开启从注册中心动态创建路由的功能，利用微服务名进行路由
          routes:
            - id: payment_routh #路由的ID，没有固定规则但要求唯一，建议配合服务名
              #uri: http://localhost:8001   #匹配后提供服务的路由地址
              uri: lb://cloud-payment-service
              predicates:
                - Path=/payment/get/**   #断言,路径相匹配的进行路由
     
            - id: payment_routh2
              #uri: http://localhost:8001   #匹配后提供服务的路由地址
              uri: lb://cloud-payment-service
              predicates:
                - Path=/payment/lb/**   #断言,路径相匹配的进行路由
    
    eureka:
      instance:
        hostname: cloud-gateway-service
      client:
        service-url:
          register-with-eureka: true
          fetch-registry: true
          defaultZone: http://localhost:7001/eureka

需要注意的是uri的协议为lb，表示启用Gateway的负载均衡功能。  
lb://serviceName是spring cloud gateway在微服务中自动为我们创建的负载均衡uri

#### 5.4.测试 ####

[http://localhost:9527/payment/lb][http_localhost_9527_payment_lb]  
8001/8002两个端口切换

### 6.Predicate的使用 ###

#### 6.1.是什么 ####

启动我们的gatewat9527，查看启动日志  
![在这里插入图片描述][c0187ff0f2764b4e9dc7876d05ef00d0.png]

#### 6.2.Route Predicate Factories这个是什么东东？ ####

![在这里插入图片描述][14b7de3eab0f4a3cb7701cdc1affd7ad.png]

Spring Cloud Gateway将路由匹配作为Spring WebFlux HandlerMapper基础框架的一部分。  
Spring Cloud Gateway包括许多内置的Route Predicate工厂。所有这些Predicate都与HTTP请求的不同属性匹配。多个Route Predicate工厂可以进行组合  
Spring Cloud Gateway创建Route对象时，使用RoutePredicateFactory创建Predicate对象，Predicate对象可以赋值给 Route。Spring Cloud Gateway包含许  
多内置的Route Predicate Factories。  
所有这些谓词都匹配HTTP请求的不同属性。多种谓词工厂可以组合，并通过逻辑and 。

#### 6.3.常用的Route Predicate ####

**1.After Route Predicate**  
![在这里插入图片描述][7f25ac3806bf4deb9bbbb3e6a81c3dbd.png]

ZonedDateTime zonedDateTime = ZonedDateTime.now();  
System.out.println(zonedDateTime);

*  After=2020-03-08T10:59:34.102+08:00\[Asia/Shanghai\]
    
     *  测试：没到时间进行测试报错

![在这里插入图片描述][7290f94c422046908af623e55194dbd2.png]  
**2.Before Route Predicate**

*  YML
    
     *  Before=2020-03-08T10:59:34.102+08:00\[Asia/Shanghai\]

**3.Between Route Predicate**

*  YML
    
     *  Between=2020-03-08T10:59:34.102+08:00\[Asia/Shanghai\] , 2020-03-08T10:59:34.102+08:00\[Asia/Shanghai\]

**4.Cookie Route Predicate**  
![在这里插入图片描述][23531c6e6f684535bd5d0590810ec94e.png]

*  YML
    
     *  Cookie=username,atguigu \#并且Cookie是username=zhangshuai才能访问
 *  不带cookies访问

![在这里插入图片描述][6d9d857c098c48cbb731fa25440e0b74.png]

*  带上cookies访问
    
     *  curl下载地址：https://curl.haxx.se/download.html

![在这里插入图片描述][feedb4baeba7463e87fe63bd3eb1da60.png]

*  加入curl返回中文乱码（帖子）： [https://blog.csdn.net/leedee/article/details/82685636][https_blog.csdn.net_leedee_article_details_82685636]

**5.Header Route Predicate**  
![在这里插入图片描述][93c7cc89555d4c32bde767d9659fbae9.png]

*  YML
    
     *  Header=X-Request-Id, \\d+ \#请求头中要有X-Request-Id属性并且值为整数的正则表达式

![在这里插入图片描述][2cba4f648ef744c1972ce23ed9b034dc.png]  
**6.Host Route Predicate**  
YML： - Host=\*\*.donglin.com

**7.Method Route Predicate**  
YML：- Method=GET  
**8.Path Route Predicate**  
YML：  
**9. Query Route Predicate**  
YML： - Query=username, \\d+ \#要有参数名称并且是正整数才能路由  
**10.小总结**

*  All

server:
      port: 9527
    
    spring:
      application:
        name: cloud-gateway
      cloud:
        gateway:
          discovery:
            locator:
              enabled: true  #开启从注册中心动态创建路由的功能，利用微服务名进行路由
          routes:
            - id: payment_routh #路由的ID，没有固定规则但要求唯一，建议配合服务名
              #uri: http://localhost:8001   #匹配后提供服务的路由地址
              uri: lb://cloud-payment-service
              predicates:
                - Path=/payment/get/**   #断言,路径相匹配的进行路由
    
            - id: payment_routh2
              #uri: http://localhost:8001   #匹配后提供服务的路由地址
              uri: lb://cloud-payment-service
              predicates:
                - Path=/payment/lb/**   #断言,路径相匹配的进行路由
                #- After=2020-03-08T10:59:34.102+08:00[Asia/Shanghai]
                #- Cookie=username,zhangshuai #并且Cookie是username=zhangshuai才能访问
                #- Header=X-Request-Id, \d+ #请求头中要有X-Request-Id属性并且值为整数的正则表达式
                #- Host=**.atguigu.com
                #- Method=GET
                #- Query=username, \d+ #要有参数名称并且是正整数才能路由
    
    
    eureka:
      instance:
        hostname: cloud-gateway-service
      client:
        service-url:
          register-with-eureka: true
          fetch-registry: true
          defaultZone: http://localhost:7001/eureka

说白了，Predicate就是为了实现一组匹配规则，让请求过来找到对应的Route进行处理

### 7.Filter的使用 ###

#### 7.1.是什么 ####

路由过滤器可用于修改进入的HTTP请求和返回的HTTP响应，路由过滤器只能指定路由进行使用。  
SpringCloud Gateway内置了多种路由过滤器，他们都由GatewayFilter的工厂类来产生。  
![在这里插入图片描述][750cba4b32274a94a1fd4c75eb7af04a.png]

#### 7.2.Spring Cloud Gateway的Filter ####

**1.生命周期，Only Two**

*  pre
    
     *  在业务逻辑之前
 *  post
    
     *  在业务逻辑之后

**2.种类，Only Two**  
[https://cloud.spring.io/spring-cloud-static/spring-cloud-gateway/2.2.2.RELEASE/reference/html/\#gatewayfilter-factories][https_cloud.spring.io_spring-cloud-static_spring-cloud-gateway_2.2.2.RELEASE_reference_html_gatewayfilter-factories]  
1)GatewayFilter（31种之多）  
![在这里插入图片描述][ba1ea6f94adb4b45b577e65a531e6995.png]  
2)GlobalFilter  
![在这里插入图片描述][752ec039ebfa4a13a1ac8b0c57dc048e.png]

#### 7.3.常用的GatewayFilter ####

AddRequestParameter  
YML  
![在这里插入图片描述][b583435b2df84872b52c125deeb4b8c6.png]  
省略  
…

#### 7.4.自定义过滤器 ####

**1.自定义全局GlobalFilter**  
两个主要接口介绍  
impiemerts GlobalFilter ，Ordered  
**2.能干嘛**  
全局日志记录  
统一网关鉴权  
。。。。。。  
**3.案例代码**

package com.donglin.springcloud.filter;
    
    import lombok.extern.slf4j.Slf4j;
    import org.springframework.cloud.gateway.filter.GatewayFilterChain;
    import org.springframework.cloud.gateway.filter.GlobalFilter;
    import org.springframework.core.Ordered;
    import org.springframework.http.HttpStatus;
    import org.springframework.stereotype.Component;
    import org.springframework.util.StringUtils;
    import org.springframework.web.server.ServerWebExchange;
    import reactor.core.publisher.Mono;
    import java.util.Date;
    
    @Component
    @Slf4j
    public class MyLogGateWayFilter implements GlobalFilter,Ordered {
        
        @Override
        public Mono<Void> filter(ServerWebExchange exchange, GatewayFilterChain chain) {
        
            log.info("*********come in MyLogGateWayFilter: "+new Date());
            String uname = exchange.getRequest().getQueryParams().getFirst("username");
            if(StringUtils.isEmpty(username)){
        
                log.info("*****用户名为Null 非法用户,(┬＿┬)");
                exchange.getResponse().setStatusCode(HttpStatus.NOT_ACCEPTABLE);
                return exchange.getResponse().setComplete();
            }
            return chain.filter(exchange);
        }
    
        @Override
        public int getOrder() {
        
            return 0;
        }
    }

4.测试  
启动  
![在这里插入图片描述][ce5e215dc2a9437abd2d6008b41ebbdd.png]

正确：http://localhost:9527/payment/lb?username=z3  
错误：http://localhost:9527/payment/lb?uname=z3

[https_github.com_lidonglin-bit_cloud]: https://github.com/lidonglin-bit/cloud
[https_cloud.spring.io_spring-cloud-static_spring-cloud-gateway_2.2.1.RELEASE_reference_html]: https://cloud.spring.io/spring-cloud-static/spring-cloud-gateway/2.2.1.RELEASE/reference/html/
[61c67d234e4d41c88486c4ce2907da27.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/64364b471f26413793fb60d889c87006.png
[https_github.com_Netflix_zuul_wiki]: https://github.com/Netflix/zuul/wiki
[f12f534124344ec5acec9ad176091c9a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/c4980e17f548413285764f7ad2427a82.png
[ac35de6cb3844eddb9e9301cc3626cb2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/1015739f56d64be6a8af1660797ad962.png
[53980b5bc60b47b98dff5452ed18c72d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/a8e4c60735234856946ea31d17571082.png
[dcb6f6187812404b94fba20575c01ae5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/cbdbaa00cde54724b51b72043f647143.png
[e930cfa4036d42b496cde578b45edc90.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/f544236a97fd4f9981da77da6a2fa654.png
[https_cloud.spring.io_spring-cloud-static_spring-cloud-gateway_2.2.1.RELEASE_reference_html_gateway-how-it-works]: https://cloud.spring.io/spring-cloud-static/spring-cloud-gateway/2.2.1.RELEASE/reference/html/#gateway-how-it-works
[7a258a2c108c4a039868509a5b4e8705.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/d13311a137b442099294cb7dbf8e075c.png
[affb78f595ad4812a90ea518a325fc00.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/d9188306d9a346c5a73936731697c645.png
[fd1b84f33cdd47bea9ad0132f25775f1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/a6ea277c478f414ca7962f4b06051021.png
[http_localhost_9527_payment_lb]: http://localhost:9527/payment/lb
[c0187ff0f2764b4e9dc7876d05ef00d0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/b2f28efd831f4b35860730f348dcbfad.png
[14b7de3eab0f4a3cb7701cdc1affd7ad.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/d68b68d38b544ba2bf86ad8b69f2e21a.png
[7f25ac3806bf4deb9bbbb3e6a81c3dbd.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/80638c7a1faf4e8abea730f6f53b719a.png
[7290f94c422046908af623e55194dbd2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/7280026dccda4293b1ac0fb238c2330f.png
[23531c6e6f684535bd5d0590810ec94e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/62b6a10f96de4b7fb8de695484bfb04e.png
[6d9d857c098c48cbb731fa25440e0b74.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/35f643bfe8d245669b0251e6b44a8931.png
[feedb4baeba7463e87fe63bd3eb1da60.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/990fbf60b0c34dc3971ab82e848c01d3.png
[https_blog.csdn.net_leedee_article_details_82685636]: https://blog.csdn.net/leedee/article/details/82685636
[93c7cc89555d4c32bde767d9659fbae9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/5ce242efe52c4a21991554a704ac937c.png
[2cba4f648ef744c1972ce23ed9b034dc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/f339121ad1af4c0f9a55f3ef427d22e7.png
[750cba4b32274a94a1fd4c75eb7af04a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/11c6aa755d8c4481bedeaada3463064b.png
[https_cloud.spring.io_spring-cloud-static_spring-cloud-gateway_2.2.2.RELEASE_reference_html_gatewayfilter-factories]: https://cloud.spring.io/spring-cloud-static/spring-cloud-gateway/2.2.2.RELEASE/reference/html/#gatewayfilter-factories
[ba1ea6f94adb4b45b577e65a531e6995.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/0cf6e0c3e36b40c9a6b93dc45f41126f.png
[752ec039ebfa4a13a1ac8b0c57dc048e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/832eda268ccf49b69fb82cf5319a3727.png
[b583435b2df84872b52c125deeb4b8c6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/70a62fa9a54347c289db960c2b72d384.png
[ce5e215dc2a9437abd2d6008b41ebbdd.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/6eec403a154b4d479cea81a8be94de27.png