007-从零搭建微服务-网关中心（一）

写在最前

如果这个项目让你有所收成，记住 Star 关注哦，这对我是十分不错的鼓舞与支持。

源码地址：gitee.com/csps/mingyu…

文档地址：gitee.com/csps/mingyu…

新建 mingyue-gateway

在 【从零搭建微服务-注册中心（二）】中就建好了模块

中心依靠

<!-- SpringCloud Gateway,内置 webflux 依靠-->
<dependency>
 <groupId>org.springframework.cloud</groupId>
 <artifactId>spring-cloud-starter-gateway</artifactId>
</dependency>
​
<!-- LB 扩展 -->
<dependency>
 <groupId>org.springframework.cloud</groupId>
 <artifactId>spring-cloud-starter-loadbalancer</artifactId>
</dependency>

中心装备

保存到 application.yml 或 nacos 中都能够

spring:
   cloud:
    # 网关装备
     gateway:
      # 打印恳求日志(自定义)
       requestLog: true
       discovery:
         locator:
           enabled: true
       routes:
        # 认证中心
         - id: mingyue-auth
          uri: lb://mingyue-auth
          predicates:
            - Path=/auth/**
          filters:
            - StripPrefix=1

测验网关

发动 mingyue-auth

直接调用登录接口: http://localhost:9000/oauth2/token

curl --location --request POST 'http://localhost:9000/oauth2/token?grant_type=password&client_id=1001&client_secret=aaaa-bbbb-cccc-dddd-eeee&username=sa&password=123456' \
--header 'User-Agent: Apifox/1.0.0 (https://www.apifox.cn)' \
--header 'Content-Type: application/json' \
--header 'Accept: */*' \
--header 'Host: localhost:9000' \
--header 'Connection: keep-alive'

回来结果：

{
  "code": 200,
  "msg": "ok",
  "data": {
    "access_token": "xHJR3aIsYOZxZiCpbXzDjKMS32JfLV2m5jtme1gEsItvKR8ZiEZ3GUVkJBom",
    "refresh_token": "O0SmM1Pb7MP18rE7Uz72MIY9uucCTBnAJ2CkWXCq4FeaTU7o8e0BPExfvQGX",
    "expires_in": 7199,
    "refresh_expires_in": 2591999,
    "client_id": "1001",
    "scope": "",
    "openid": "gr_SwoIN0MC1ewxHX_vfCW3BothWDZMMtx__"
   }
}

发动 mingyue-gateway

间接调用（通过网关）登录接口：http://localhost:9100/auth/oauth2/token

curl --location --request POST 'http://localhost:9100/auth/oauth2/token?grant_type=password&client_id=1001&client_secret=aaaa-bbbb-cccc-dddd-eeee&username=sa&password=123456' \
--header 'User-Agent: Apifox/1.0.0 (https://www.apifox.cn)' \
--header 'Content-Type: application/json' \
--header 'Accept: */*' \
--header 'Host: localhost:9100' \
--header 'Connection: keep-alive' \
--header 'Cookie: Authorization=d7dc6f87-bf4a-4903-ad6c-2ac668f5e5a7'

回来结果：

{
  "code": 200,
  "msg": "ok",
  "data": {
    "access_token": "PRMy2RJXTA8SAtHChWLXYRHfANQiOeFPxyfilCdUnz8j0oZrnpXZqkkh06BB",
    "refresh_token": "najLtYrf2SZhtsayHTKEeG5yVeZEmcgu7ePVf00C8QcX0uVjh8yw2SaH8INP",
    "expires_in": 7199,
    "refresh_expires_in": 2591999,
    "client_id": "1001",
    "scope": "",
    "openid": "gr_SwoIN0MC1ewxHX_vfCW3BothWDZMMtx__"
   }
}

改造 mingyue-ui

1.修正 vite.config.ts

http://localhost:9000 => http://localhost:9100

'/api': {
          target: 'http://localhost:9100/',
          ws: true,
          changeOrigin: true,
          rewrite: (path) => path.replace(/^/api/, ''),
},

2.修正登录相关接口地址

src/api/login/index.ts

signIn: (data: object) => {
      let client_id = 1001;
      let grant_type = 'password';
      let client_secret = 'aaaa-bbbb-cccc-dddd-eeee';
      // TODO 标准入参类型
      let username = data.username;
      let password = data.password;
​
      return request({
        url: '/api/auth/oauth2/token',
        method: 'post',
        params: {grant_type, client_id, client_secret, username, password}
      });
    },
signOut: () => {
      let client_id = 1001;
      let client_secret = 'aaaa-bbbb-cccc-dddd-eeee';
      let access_token = Session.get('token');
​
      // 调用回收 Access-Token 接口
      return request({
        url: '/api/auth/oauth2/revoke',
        method: 'post',
        params: {client_id, client_secret, access_token}
      });
    }

3.发动测验

能够登录、登出即可～

小结

至此，我们现已完成了 mingyue-ui => mingyue-gateway => mingyue-auth，如下图流程所示：

接下来，我们我们开端编写 mingyue-system 用户相关模块，改造 mingyue-auth 用户查询走数据库。