Examples for @react-keycloak packages that using react-router-dom and send GraphQL request using Apollo Client
Keycloak Client frontend
Configuration:
- Access Type : Public
- Standard Flow ON
- Implicit Flow OFF
- Direct Access Grant ON
- Root URL : empty
- Valid Redirect URL : *
- Base URL : empty
- Admin URL : empty
- Web Origins : *
Keycloak Client backend
Configuration:
- Access Type : Confidential
- Standard Flow ON
- Implicit Flow OFF
- Direct Access Grant ON
- Service Accounts Enabled ON
- Authorization Enabled ON
- Root URL : empty
- Valid Redirect URL : *
- Base URL : empty
- Admin URL : empty
- Web Origins : *
Keycloak audience mapper setting:
- Create new
audience
atClient Scope
menu - Go to tab
mappers
- Create new mapper for
frontend
as following:
...
Mapper Type : Audience
Included Client Audience : Frontend
...
- Repeat step 3, change
frontend
tobackend
client - Save this client scope
- Add this client scope into default client scopes for each
frontend
andbackend
at tabClient Scopes
Note: The demo apps are not meant to be production-ready nor starter-kits but just a way to show this module components and their usage.