Как сделать страницу входа Keycloak в iframe? - PullRequest
2 голосов
/ 12 марта 2020

Локально работает веб-сервер, и я хочу, чтобы внутри iframe была страница входа Keycloak (в другом домене). Я попробовал следующую настройку в разделе «Основные настройки Keycloak»> «Защитные средства защиты»> «Заголовки»> «Content-Security-Policy»

frame-src 'self' http://127.0.0.1 http://192.168.1.140 http://localhost *.home-life.hub http://trex-macbook.home-life.hub localhost; frame-ancestors 'self'; object-src 'none';

По сути, я поместил свои локальные IP-адреса и имена хостов в качестве источников в frame-src. * 1005. *

Страница входа не отображается, и я получаю эту ошибку в консоли браузера

Refused to display 'http://keycloak.example.com:8080/auth/realms/master/protocol/openid-connect/auth?client_id=es-openid&response_type=code&redirect_uri=https%3A%2F%2Fkibana.example.com%3A5601%2Fauth%2Fopenid%2Flogin&state=3RV-_nbW-RvmB8EfUwgkJq&scope=profile%20email%20openid' in a frame because an ancestor violates the following Content Security Policy directive: "frame-ancestors 'self'".

Мои пользовательские заголовки присутствуют enter image description here

Мой сервер и код пользовательского интерфейса (на сервере):

'use strict';

const Hapi = require('@hapi/hapi');

const init = async () => {
  // Run server on all interfaces
  const server = Hapi.server({
    port: 3000,
  });

  await server.start();

  // server.ext('onPreResponse', (req, h) => {
  //   req.response.header('Content-Security-Policy', "default-src 'self' *.example.com");
  //   console.log('req.response.headers', req.response.headers);
  //   return h.continue;
  // });

  server.route({
    method: 'GET',
    path: '/home',
    handler: () => {
      return `<html>
                <head>
                  <title>searchguard kibana openid keycloak</title>
                </head>
                <body>
                  <p>
                    <iframe src="https://kibana.example.com:5601" width="800" height="600"></iframe>
                  </p>
                </body>
              </html>`;
    },
  });

  server.route({
    method: '*',
    path: '/{path*}',
    handler: (req, h) => {
      return h.redirect('/home');
    },
  });

  console.log('Server running on %s', server.info.uri);
};

process.on('unhandledRejection', (err) => {
  console.log(err);
  process.exit(1);
});

init();

В конце iframe должен показать страницу на kibana.example.com. Keycloak используется в качестве провайдера идентификации для kibana.example.com.

1 Ответ

3 голосов
/ 12 марта 2020

Попробуйте изменить:

frame-ancestors 'self';

на

frame-ancestors 'self' http://127.0.0.1 http://192.168.1.140 http://localhost *.home-life.hub http://trex-macbook.home-life.hub localhost;

Как правило, настраивайте конфигурацию CSP предков-фреймов.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...