![Cover image for [YuIT Docs📜]⚛️FrontEnd System Design](https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F1yj5bkgp2dalnhmq12p1.png)
All source files and library 👉in this repo
Let's see some approaches for authorization of an app via FrontEnd System Design using the following technologies:
Keycloak is Open Source Identity and Access Management. Add authentication to applications and secure services with minimum effort. No need to deal with storing users or authenticating users.
Gogatekeeper is a proxy which integrates with Keycloak IDP Provider, it supports both access tokens in a browser cookie or bearer tokens.
Keycloak JS is secure web applications. The adapter uses OpenID Connect protocol under the covers. You can take a look at the Securing applications and services with OpenID Connect guide for the more generic information about OpenID Connect endpoints and capabilities. The specific guide for this client
Let's drawing those approaches via Component design
1️⃣ Component diagram for authorization via Gogatekeeper + Keycloak
2️⃣ Component diagram for authorization via Keycloak.js
Top comments (0)