码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2019-11-29 00:34:42      阅读:199      评论:0      收藏:0      [点我收藏+]

标签:变化   dmi   cli   client   spring   应该   strong   启动   src   

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

需要一个登陆前的页面和登陆后的页面。
直接粘贴过来的代码
技术图片
这是一个和后台的绑定
技术图片
后台要有个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
技术图片
技术图片
先写一个错误的密码
技术图片

输入正确的密码
技术图片

结束

 

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

标签:变化   dmi   cli   client   spring   应该   strong   启动   src   

原文地址:https://www.cnblogs.com/wangjunwei/p/11955025.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!