Spring cloud微服务安全实战-5-3后端服务改造
2024-08-26 21:18:45
本节来实现一个登陆的效果。
需要一个登陆前的页面和登陆后的页面。
直接粘贴过来的代码
这是一个和后台的绑定
后台要有个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
先写一个错误的密码
输入正确的密码
结束
最新文章
- 微信小程序--火车票查询
- Delphi基本类型--枚举 子界 集合 数组
- ubuntu 终端快捷键
- Hive删除数据库
- Java存储过程调用CallableStatement
- Soapui 简单学习整理
- sgu548 Dragons and Princesses 贪心+优先队列
- Mysql中IFNULL与IN操作
- 微软职位内部推荐-This Job is no longer available.
- 封装的多功能多效果的RecyclerView
- ASP.NET服务端基本控件介绍
- jquery的插件机制
- Codeforces Round #322 (Div. 2) —— F. Zublicanes and Mumocrates
- 配置JVM内存 查看内存工具
- 为应用程序池 'DefaultAppPool' 提供服务的进程关闭时间超过了限制
- Framework7初始化
- dp之背包总结篇
- 180815 Python自学成才001
- EXTJS的使用
- Eclipse启动报错An internal error occurred during: ";Initializing Java Tooling";