MarcV.59687 (Customer) asked a question.
Hello i just started Okta, I have an angular app with an express, node.js Back-end, i followed the tutorial linked to this : "https://github.com/oktadev/okta-angular-mongodb-hangman-example"
Except for the client ID and issuer the rest of my code is basically the same.
Yet i can't connect, on my system logs i have this :
The code to login on the front-end look like that :
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
title = 'timeline-client';
isAuthenticated: boolean;
constructor(public oktaAuth: OktaAuthService) {
this.oktaAuth.$authenticationState.subscribe(
(isAuthenticated: boolean) => this.isAuthenticated = isAuthenticated
);
}
ngOnInit() {
this.oktaAuth.isAuthenticated().then((auth) => {this.isAuthenticated = auth});
}
login() {
this.oktaAuth.loginRedirect();
}
logout() {
this.oktaAuth.logout('/');
}
}
And this is for the back-end :
Hi @MarcV.59687 (Customer),
Thank you for posting on our Okta community page!
I have done some research on my end and it seems that the error from the system logs could be solved by disabling PKCE in the widget. You can do so by adding the bellow line under the issuer:
Another option that I managed to find, would be to configure the application to support PKCE flow and I have provided a documentation bellow that might be useful for your use case: