Keycloak Authentication с помощью React & Express (рендеринг на стороне сервера)
У меня есть приложение для реагирования. Рендерим реагирующее приложение с экспресс-сервера.
я используюreact-router
для маршрутизации. Путь по умолчаниюlocalhost:8080
незащищен. У меня есть другой путь, то естьlocalhost:8080/login
.
Я хочу заблокировать эту страницу, когда пользователь переходит на нее, используя react-router
и промежуточное ПО Keycloak login
и когда пользователь переходит по этому пути:
- в случае успешного входа пользователи могут просматривать страницу;
- в противном случае возникает блокировка.
Как я могу добиться этого, используя Keycloak
, React
& Express
имея приложение для рендеринга со стороны сервера?
Я пробовал подход, при котором при переходе к localhost:8080/login
, Я вызываю API-интерфейс на экспресс-сервер, который защищен Keycloak
с помощью keycloak.protect()
, но вместо того, чтобы показывать страницу входа, я получаю страницу входа в ответ на этот вызов службы.
Так что его можно просмотреть с помощью Chrome Developers Tool.
Подскажите, пожалуйста, как этого можно достичь.