zoukankan      html  css  js  c++  java
  • 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


    先写一个错误的密码


    输入正确的密码

    结束

  • 相关阅读:
    小白使用分布式追踪系统
    小白使用Hystrix
    Java泛型的协变与逆变
    try-finally的时候try里面带return
    URLEncoder.encode编码空格变+号
    匿名内部类和Lambda表达式是一样的吗?
    Spring Cloud Config配置git私钥出错
    Git本地已有项目关联远程仓库
    第一次使用HSDB
    Springboot应用使用Docker部署
  • 原文地址:https://www.cnblogs.com/wangjunwei/p/11955025.html
Copyright © 2011-2022 走看看