<div id="readability-page-1" class="page"><div itemprop="articleBody"><h4 id="Keycloak-JavaScript-Adapter"><a href="#Keycloak-JavaScript-Adapter" title="Keycloak JavaScript Adapter"></a>Keycloak JavaScript Adapter</h4><pre data-language="javascript"><p><span>keycloak.js</span></p><code><span>await</span> keycloak<span>.</span><span>init</span><span>(</span><span>{</span>
    <span>flow</span><span>:</span> <span>'standard'</span><span>,</span> <span>// implicit, hybrid</span>
    <span>pkceMethod</span><span>:</span> <span>'S256'</span><span>,</span>
    <span>onLoad</span><span>:</span> <span>'check-sso'</span>
<span>}</span><span>)</span><span>;</span></code></pre><p><a target="_blank" rel="noopener" href="https://www.keycloak.org/securing-apps/javascript-adapter">keycloak-js</a>는 키클록 서버로부터 인증을 수행할 수 있도록 지원한다. 클라이언트 인증에 대해 Implicit Flow 를 수행한다면 토큰을 바로 발급받을 수 있지만 이 경우 리프레시 토큰을 포함하지 않는다. 그리고 updateToken 함수로 액세스 토큰을 갱신하기 위해서는 리프레시 토큰이 필요하기 때문에 Authorization Code Flow를 수행하는 방식으로 인증해야한다.</p><h4 id="프론트-채널-인증에-대한-보안-이슈"><a href="#프론트-채널-인증에-대한-보안-이슈" title="프론트 채널 인증에 대한 보안 이슈"></a>프론트 채널 인증에 대한 보안 이슈</h4><p>Authorization Code Flow 뿐만 아니라 Implicit Flow 는 키클록에서 발급된 토큰 정보가 리다이렉트 주소에 포함되므로 인프라 구성과 트래픽 흐름에 따라 토큰 정보가 노출되거나 가로채어질 수 있다. 따라서, 보안 관점에 따라 백 채널로 인증 과정을 수행하는 것을 검토할 필요가 있다. 더 나아가 프론트 채널에서 Authorization Code Flow를 수행하기 위해서 키클록에서 Capability config의 Client authentication 를 비활성화하는 경우 Authorization 을 활성화 할 수 없다.</p><blockquote><p>클라이언트에 대한 상세 권한 기능이 필요하다면 서버 사이드 인증을 수행해야 합니다.</p></blockquote><h4 id="리프레시-토큰-발급하기"><a href="#리프레시-토큰-발급하기" title="리프레시 토큰 발급하기"></a>리프레시 토큰 발급하기</h4><p>프론트 채널의 Authorization Code Flow 에서 리프레시 토큰을 발급받고자 하는 경우 Advanced 설정에서 OpenID Connect Compatibility Modes 의 Use refresh tokens 가 체크되어 있어야 한다.</p><h5 id="Settings-→-Capacity-Config"><a href="#Settings-→-Capacity-Config" title="Settings → Capacity Config"></a>Settings → Capacity Config</h5><p><img data-src="/images/posts/keycloak/02.png" src="/images/posts/keycloak/02.png"></p><ul><li>Client authentication 비활성화</li><li>Authentication flow의 Standard flow 활성화</li></ul><h5 id="Advanced-→-OpenID-Connect-Compatibility-Modes"><a href="#Advanced-→-OpenID-Connect-Compatibility-Modes" title="Advanced →  OpenID Connect Compatibility Modes"></a>Advanced → OpenID Connect Compatibility Modes</h5><p><img data-src="/images/posts/keycloak/03.png" src="/images/posts/keycloak/03.png"></p><ul><li>Use refresh tokens 활성화</li><li>Advanced Settings의 Proof Key for Code Exchange Code Challenge Method를 S256로 선택</li></ul></div></div>

Mambo

Keycloak JavaScript Adapter
keycloak.js
await keycloak.init({    flow: 'standard', // implicit, hybrid    pkceMethod: 'S256',    onLoad: 'check-sso'});
keycloak-js는 키클록 서버로부터 인증을 수행할 수 있도록 지원한다. 클라이언트 인증에 대해 Implicit Flow 를 수행한다면 토큰을 바로 발급받을 수 있지만 이 경우 리프레시 토큰을 포함하지 않는다. 그리고 updateToken 함수로 액세스 토큰을 갱신하기 위해서는 리프레시 토큰이 필요하기 때문에 Authorization Code Flow를 수행하는 방식으로 인증해야한다.
프론트 채널 인증에 대한 보안 이슈
Authorization Code Flow 뿐만 아니라 Implicit Flow 는 키클록에서 발급된 토큰 정보가 리다이렉트 주소에 포함되므로 인프라 구성과 트래픽 흐름에 따라 토큰 정보가 노출되거나 가로채어질 수 있다. 따라서, 보안 관점에 따라 백 채널로 인증 과정을 수행하는 것을 검토할 필요가 있다. 더 나아가 프론트 채널에서 Authorization Code Flow를 수행하기 위해서 키클록에서 Capability config의 Client authentication 를 비활성화하는 경우 Authorization 을 활성화 할 수 없다. 
클라이언트에 대한 상세 권한 기능이 필요하다면 서버 사이드 인증을 수행해야 합니다.
리프레시 토큰 발급하기
프론트 채널의 Authorization Code Flow 에서 리프레시 토큰을 발급받고자 하는 경우 Advanced 설정에서 OpenID Connect Compatibility Modes 의 Use refresh tokens 가 체크되어 있어야 한다.
Settings → Capacity Config
Client authentication 비활성화
Authentication flow의 Standard flow 활성화
Advanced →  OpenID Connect Compatibility Modes
Use refresh tokens 활성화
Advanced Settings의 Proof Key for Code Exchange Code Challenge Method를 S256로 선택

Keycloak Authorization Code Flow + PKCE

댓글