https://blog.sparktour.me/en/tags/keycloak/ Recent content in Keycloak on Sparktour’s Blog https://assets.sparktour.me/img/blog/misc/about-bg.jpg https://assets.sparktour.me/img/blog/misc/about-bg.jpg Hugo en Mon, 29 Jul 2024 21:32:07 +0800 https://blog.sparktour.me/en/posts/2024/01/24/add-passkey-webauth-otp-support-to-keycloak/ Wed, 24 Jan 2024 12:00:00 +0000 https://blog.sparktour.me/en/posts/2024/01/24/add-passkey-webauth-otp-support-to-keycloak/ <p>This article describes the process of configuring Keycloak for passwordless login using passkeys, webauthn, and OTP (One-Time Password). Some configurations in this article may require <a href="https://www.keycloak.org/docs/latest/release_notes/index.html#passkeys-support">Keycloak 23</a> or higher to function properly.</p> <!-- more --> <h2 id="configuring-the-authentication-section">Configuring the Authentication Section</h2> <p>In Keycloak&rsquo;s <code>Authentication - Flow</code> menu, duplicate the browser flow. We&rsquo;ll name the copy <code>browser with optional webauth and otp</code>.</p> <p><figure> <img loading="lazy" src="https://assets.sparktour.me/img/blog/2024/add-passkey-webauth-otp-support-to-keycloak/dup-browser-flow.webp" alt="Duplicate Browser Flow" /> <figcaption>Duplicate Browser Flow</figcaption> </figure> </p> <p>In the new flow, delete <code>browser password form</code> and all steps/flows below it:</p>