KeyClope重定向到页面刷新时登录

Question

我在我的Angular 5应用程序中使用keycloak JavaScript适配器，虽然我的登录和重定向工作，但问题是每当我刷新我的ng应用程序时，它会再次要求keycloak登录，尽管我看到我的会话仍然在 /auth/realms/{image a领域名称}/帐户上处于活动状态。

正如我从KeyClope JS适配器文档中了解到的那样https://www.keycloak.org/docs/3.0/securing_apps/topics/oidc/javascript-adapter.html，当onLoad设置为init选项所需的登录时，如果用户登录到KeyClope，则会对客户端进行身份验证，否则会显示登录页面。但就我而言，似乎需要一秒钟的时间才能让我注销，因为它总是将我重定向到KeyClope的登录页面。

Answer 1

你需要登录到你的keydape客户端，选择领域，导航到侧栏上的AUTHENTICATION选项卡，选择FLOW菜单选项卡，然后将cookie设置更改为alternative或required。

Answer 2

Tl；dr：在我的代码中，有几个原因导致init函数没有使用参数进行第二次调用。小心！

Fwiw，我有一个类似的问题，在我看来，我解决了这个问题（现在）。除了@ahmadalibaloch的答案（将已知令牌传递给init），我还遵循了以下简洁的指南：https://dev.to/matejbucek/secure-svelte-with-keycloak-42g3（不过对于svelte kit），其中checkParams函数检查重定向url以再次调用init函数（使用令牌）。

有两件事导致我的代码出现故障，您可以查找并尝试修复，这是由重定向url中的自定义搜索参数引起的，如下所示：

mypage.tld/foo?myparam=0#keycloak-redirect-params

这样一来，check Params函数就不能正常工作了。但同样，myparam=0被用作备用访问字符串（想想链接共享），所以我的代码在keycloak准备好之前就放弃了（第二次），即没有再次调用init函数，而是使用了search参数。我的建议：如果其他答案还不够，请尝试找出为什么init函数没有按照应有的方式再次调用。

我知道这是非常具体的，但（对我来说）很难发现这一点，所以也许这会有所帮助。

Answer 3

您需要将以前登录时保存的令牌传递给KeyClope init构造函数。如果您使用的是授权流（标准），那么也要刷新令牌。这样地。

js prettyprint-override">// load previous tokens, saved after successful login of keycloak success callback
    const token = localStorage.getItem('kc_token');
    const refreshToken = localStorage.getItem('kc_refreshToken');
    // pass to keycloak init
    keycloak.init({ onLoad: 'login-required', token, refreshToken }).then(
    success=>{
      localStorage.setItem('kc_token', keycloak.token);
      localStorage.setItem('kc_refreshToken', keycloak.refreshToken);
      //load your app from here
  });