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.

Подскажите, пожалуйста, как этого можно достичь.

0 ответов

Другие вопросы по тегам