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

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

这是一个和后台的绑定

后台要有个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后端服务改造的更多相关文章

  1. 《Spring Cloud微服务 入门 实战与进阶》

    很少在周末发文,还是由于昨晚刚收到实体书,还是耐不住性子马上发文了. 一年前,耗时半年多的时间,写出了我的第一本书<Spring Cloud微服务-全栈技术与案例解析>. 时至今日,一年的 ...

  2. Spring Cloud微服务安全实战_00_前言

    一.前言: 一直以来对服务安全都很感兴趣,所以就学习.这是学习immoc的 jojo老师的 <Spring Cloud微服务安全实战课程>的笔记,讲的很好. 课程简介:  二.最终形成的架 ...

  3. Spring cloud微服务安全实战_汇总

    Spring cloud微服务安全实战 https://coding.imooc.com/class/chapter/379.html#Anchor Spring Cloud微服务安全实战-1-1 课 ...

  4. Spring Cloud微服务Sentinel+Apollo限流、熔断实战总结

    在Spring Cloud微服务体系中,由于限流熔断组件Hystrix开源版本不在维护,因此国内不少有类似需求的公司已经将眼光转向阿里开源的Sentinel框架.而以下要介绍的正是作者最近两个月的真实 ...

  5. Spring Cloud微服务系列文，服务调用框架Feign

    之前博文的案例中,我们是通过RestTemplate来调用服务,而Feign框架则在此基础上做了一层封装,比如,可以通过注解等方式来绑定参数,或者以声明的方式来指定请求返回类型是JSON.    这种 ...

  6. 放弃Dubbo，选择最流行的Spring Cloud微服务架构实践与经验总结

    http://developer.51cto.com/art/201710/554633.htm Spring Cloud 在国内中小型公司能用起来吗?从 2016 年初一直到现在,我们在这条路上已经 ...

  7. Spring Cloud 微服务架构解决方案

    1 理解微服务 1.1 软件架构演进 软件架构的发展经历了从单体结构.垂直架构.SOA架构到微服务架构的过程. 1.1.1 单体架构 特点: 1.所有的功能集成在一个项目工程中. 2.所有的功能打一个 ...

  8. Spring Cloud 微服务

    https://mp.weixin.qq.com/s?__biz=MzU0OTE4MzYzMw==&mid=2247486301&idx=2&sn=f6d45860269b61 ...

  9. 一张图了解Spring Cloud微服务架构

    Spring Cloud作为当下主流的微服务框架,可以让我们更简单快捷地实现微服务架构.Spring Cloud并没有重复制造轮子,它只是将目前各家公司开发的比较成熟.经得起实际考验的服务框架组合起来 ...

  10. 如何优化Spring Cloud微服务注册中心架构？

    作者: 石杉的架构笔记 1.再回顾:什么是服务注册中心? 先回顾一下什么叫做服务注册中心? 顾名思义,假设你有一个分布式系统,里面包含了多个服务,部署在不同的机器上,然后这些不同机器上的服务之间要互相 ...

随机推荐

  1. python_面向对象——动态创建类和isinstance和issubclass方法

    # 给动态生产的类定义一个方法 def __init__(self,name): self.name = name print(self.name) def take(self,obj): print ...

  2. 行为型模式(五) 中介者模式（Mediator）

    一.动机(Motivate) 为什么要使用中介者模式呢?如果不使用中介者模式的话,各个同事对象将会相互进行引用,如果每个对象都与多个对象进行交互时,将会形成如下图所示的网状结构.从上图可以发现,如果不 ...

  3. 关于List集合中元素排序问题

    问题描述: 有一个list集合,其中元素是Student对象,根据student的age排序. Student对象 /** * description * * @author 70KG * @date ...

  4. java常用关键字（static、final、this、super）

    this关键字 this关键字的作用有 1.调用本类的成员变量 public class Soft{ private int a; public Soft(int a){ this.a=a; } } ...

  5. 使用Redis分布式锁处理并发，解决超卖问题

    一.使用Apache ab模拟并发压测 1.压测工具介绍 $ ab -n 100 -c 100 http://www.baidu.com/ -n表示发出100个请求,-c模拟100个并发,相当是100 ...

  6. python - alipay sdk 使用 及 注意点

    一. 在 点击跳转 这里拿到自己的 appid  和  支付宝公钥 ,    如果想要得到 支付宝的公钥 就需要获取 应用的公钥,具体获取方式 : 获取应用公钥和私钥 a. 应用私钥和支付宝公钥 获取 ...

  7. neo4j基础操作

    删除所有节点 MATCH (n) OPTIONAL MATCH (n)-[r]-() DELETE n,r 创建节点 CREATE(:person{name:'潘峰',age:27}) CREATE( ...

  8. HIVE 乱码以及 HUE SQL 语句兼容性的记录（遇到应该会一直更新）

    最近在 HUE 里面查询有中文字段相关的东西被报错警告... (1366, Incorrect string value: \\xE4\\xBA\\xAC\\xE4\\xB8\\x9C... for ...

  9. SSM 整合 ehcache 报错

    异常: org.springframework.beans.factory.CannotLoadBeanClassException: Cannot find class [org.springfra ...

  10. ModuleNotFoundError: No module named 'tqdm'

    bogon:faceswap-master macname$ pip3 install tqdm Collecting tqdm Downloading https://files.pythonhos ...