Spring cloud微服务安全实战-5-3后端服务改造

本节来实现一个登陆的效果。

需要一个登陆前的页面和登陆后的页面。
直接粘贴过来的代码

这是一个和后台的绑定

后台要有个autenticated的对象来实现绑定，ts内我们定义这个autenticated变量。当autenticated是false的时候，这个hidden就不触发。

方括号绑的是属性，圆括号绑的是方法。

ts内我们要定义一个login的方法

双向绑定

后端定义credentials

后端的数据有值了的话。前端的文本框内也会显示上值

为了实现双向绑定还需要引入一些依赖。
FormModule是为了双向绑定
HttpClientModule为了发送http请求

使用httpClient ，依赖注入进来。通过构造函数来注入。选择这个angular/common/http这个包下的

有了这个httpClient，就可以发送http请求了。

首先要处理跨域，二是要处理敏感信息，
获取需要token需要传这么些参数。

如果把参数都配置在前端去发送的话，这样是不安全的。这些敏感信息应该都放在服务端。

把用户名和密码传递给服务端，又服务端发送请求。

属性一遍，前端也跟着变化

登陆失败的处理

后端

直接在启动类里面写了

需要一个对象封装用户名密码


pom.xml内加入lombok的引用

实际上模拟发送的就是这个请求

加一个admin的应用

声明tokenInfo来接收

把token存到session

启动服务测试

启动前端这个微服务

认证服务，网关都启动起来。

没有配置admin的端口。默认应该是跑子啊8080的端口上 的

登陆的div代码放在中间

改成col


先写一个错误的密码

输入正确的密码

结束