我正在开发一个项目,该项目的前面是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() {
...
}
}
答案 0 :(得分:0)
对我来说太多了,我误解了OpendId Connect的原理。
我认为我必须创建登录表单。但是我需要联系将返回表单页面的密钥隐藏服务器。