我正在开发一个项目，该项目的前面是Angular，后面是JavaSpring Boot。 我使用keycloak来保护连接。

我已经准备好背面了。 我还配置了带有2个客户端（如Paramétrage d’un domaine Keycloak中所述的api和web）的keycloak服务器。 我正在尝试使用keycloak Angular

所以我遵循了本教程，一切都很好。 但是我不明白如何将登录组件中公式的凭据与登录方法链接起来... 您知道如何使用密钥斗篷服务吗？

现在，除了配置外，我还具有以下代码，我想使用keycloak服务实现连接方法：

<form [formGroup]="loginForm" (ngSubmit)="login()">

  <div class="form-section">
    <label>{{ 'login.username' | translate}}</label>
    <input type="text" formControlName="username"/>
  </div>

  <div class="form-section">
    <label>{{ 'login.password' | translate}}</label>
    <input type="password" formControlName="password"/>
  </div>

  <button>Submit</button>

</form>

import { Component,OnInit } from '@angular/core';
import {FormBuilder,FormGroup,Validators} from '@angular/forms';
import {Router} from '@angular/router';
import {TranslateService} from '@ngx-translate/core';
import {isArray} from 'rxjs/internal-compatibility';
import {KeycloakService} from 'keycloak-angular';

@Component({
  selector: 'uts-login',templateUrl: './login.component.html',styleUrls: ['./login.component.scss']
})
export class LoginComponent implements OnInit {

  loginForm: FormGroup;

  authenticationError = null;

  constructor(private keycloakService: KeycloakService,private router: Router,private translateService: TranslateService,private formBuilder: FormBuilder) {
  }

  ngOnInit() {

    this.loginForm = this.formBuilder.group({
      username: ['',[Validators.required]],password: ['',[Validators.required]]
    });
  }

  login() {
    ...
  }
}