Блог

У меня проблема с реакцией на ключ. Использование версий: keycloak-js: 12.0.4 @react-keycloak/web: 3.4.0

На моей стороне сервера (серверная часть — spring) отображается конечная точка с областью,идентификатором клиента,URL-адресом сервера аутентификации следующим образом:

 @GetMapping("/keycloak")
  @ResponseStatus(HttpStatus.OK)
  public Map<String, String> actuator() {
    Map<String, String> result = new HashMap<>();
    result.put("realm","realm1");
    result.put("resource","client1");
    result.put("auth-server-url","http://localhost:8152/auth/");
    return resu<
  }
 

На стороне клиента я получил эти данные и пытаюсь передать их в ReactKeycloakProvider как AuthClient следующим образом:

 const App = () => {

var keycloak = new Keycloak('http://localhost:8080/keycloak')

    return (
        <>
          <ReactKeycloakProvider authClient={keycloak}>
               <AppRouter/>
          </ReactKeycloakProvider>
        </>
    )
}
export default App;
 

Когда я проверяю инспектор инструментов разработки React в своем Провайдере , я правильно заполнил URL-адрес сервера аутентификации, идентификатор клиента и область, но когда ключ выполняет запрос «step1.html» Я получил такую ошибку: «соединение, используемое для получения этого ресурса, не было безопасным».

Моя цель-отправить со стороны сервера (серверной части) сведения о ключах на сторону клиента (интерфейс) и поработать с этими данными, потому что в будущем мне нужно изменить URL-адреса для каждой машины развертывания,такой как локальная,интеграция,разработка, производство и т. Д…

Мой метод входа в систему() из перенаправления с клавиатуры на правильную конечную точку, но страница формы входа не отображается, и у меня есть тайм-аут.

Пожалуйста, помогите мне! Спасибо тебе !