Keycloak Angular Example (Integration with an Angular SPA)

preview_player
Показать описание
Demonstrate on how to secure an angular single page application with Keycloak. OpenID Connect protocol is used for this. keycloak-angular package is used to implement the solution.

Authorization Code with PKCE flow is recommended for this kind of integrations.

npm packages:

  1. hexaDefence
Рекомендации по теме
Keycloak Angular Example 0:05:03

Keycloak Angular Example (Integration with an Angular SPA)

KEYCLOAK with Spring 2:28:55

KEYCLOAK with Spring Boot & Angular | Step by Step Guide

How to integrate 0:18:04

How to integrate Keycloak with Angular 10?

Authentication with Spring 0:11:20

Authentication with Spring Boot, Angular and Keycloak (with roles)

Keycloak Angular Integration 0:40:43

Keycloak Angular Integration Guide | OAuth 2 + Express Server

Single Sign On 2:11:18

Single Sign On App with Angular and Keycloak Authorization Server

Step-up Authentication using 0:02:10

Step-up Authentication using Keycloak and Angular

Part 8 1:20:07

Part 8 Keycloak Angular Integration Keycloak js in Angular App

Part 10- Keycloak 0:07:19

Part 10- Keycloak Security and Angular Integration - Back to some improvements

KEYCLOAK 10: How 0:32:10

KEYCLOAK 10: How to enable Keycloak SSO login in an Angular Application (with working example)?

Single sign-on with 0:00:47

Single sign-on with Keycloak in Ionic / Capacitor and Angular-based app

Keycloak Angular Tutorial 0:15:54

Keycloak Angular Tutorial - Crashkurs

Full stack E-commerce 0:09:24

Full stack E-commerce Web App developed by Angular 13, Spring, keycloak

Keycloak, LDAP und 0:30:45

Keycloak, LDAP und Angular

Spring boot 3 1:13:31

Spring boot 3 Keycloak integration for beginners | The complete Guide

Keycloak + Facebook 0:14:25

Keycloak + Facebook Login for Angular Apps (Postman Token Exchange Demo)

Part 11- Keycloak 0:49:41

Part 11- Keycloak Security and Angular Integration - Other Concepts Themes

Enhancing Security with 0:03:07

Enhancing Security with Keycloak: Integration in Spring Boot and Angular Projects 🔥 🚀

Single sign on 0:49:26

Single sign on (SSO) with Keycloak + Active Directory + Angular | Microservice Security Practical

Part 7 - 0:22:45

Part 7 - Keycloak Security and Angular Integration - Angular Application to Secure

Part 2 - 0:07:07

Part 2 - Configuring the keycloak server for REST API usage.

Part 9 - 0:11:55

Part 9 - Keycloak Security and Angular Integration - Http Authorization Header Interceptor

Book Social Network 11:26:53

Book Social Network (Full web application | Spring boot | Angular | Docker | Keycloack)

Role Based Login 0:23:06

Role Based Login in Angular | Role Based Authorization Angular | Angular Tutorials

Комментарии
Автор

hello do this login but i have problem to logout --> this error We are sorry...
Invalid parameter: redirect_uri . what can i do?

GeorgiosRouvas
Автор

i hope you can make it for react.i having lots of trouble to set it up.Will appreciate it if you can make a video on it.

nasxmo
Автор

HELP !!! when i run this project i see this message:
[DEP0111] DeprecationWarning: Access to is
deprecated. (Use `node --trace-deprecation ...` to show where the warning was created)

EmaxSays
Автор

Why did you enable implicit Flow enabled and you used standard in angular?

sasasisi
Автор

How to avoid the redirection into keycloak login page and just do a login on the background?

BharathBattula
Автор

I have the following error in chrome (something similar on Firefox as well):
"Not allowed to launch 'localhost:(...)' because a user gesture is required."

Preventing the "redirect" to keycloak login page from my angular app, any idea on how to fix it? Did someone else encounter the same issue?

Pyroptere
Автор

HI there! I'm getting the infinite loop problem after login, I've tried multiple solutions. Do you know something about this error and how to solve it?

GPMrks
Автор

Thanks for the video. How to handle session expiry. Once session is expired, I need to redirect to login page.

harsank
Автор

I cloned your repo and added a component with routing. I noticed when you navigate between pages/components, even when logged in, you always get quickly redirected to Keycloak (which you can check in network tab) and back to the Angular app. Is this normal behaviour or did I configure something wrong? I thought it would persist the login info for as long as the token is valid, but it seems to re-authenticate on every route switch

RoboticRx
Автор

How to exclude some routes from authentication?

rajeshwaripalanisamy
Автор

hello i liked the video sop much can u tell me if it is possible t integrate angular with a confidential client cause i've been trying the last week to achieve it and its not passible can pleas answer me or do a video about it if it is possible

yassinebadr