TOTP-based Two-Factor Authentication implementation with Spring Security and Angular

Hello Devs 👋 ! . We will implement TOTP (Time-based One Time Password) in this story using Spring Security and Angular. We’ll generate QR codes recognizable by Google Authenticator and verify single sign-on with two-factor authentication.

· Prerequisites
· Overview
∘ What is TOTP?
∘ How does TOTP work?
∘ TOTP algorithm
· Let’s get to the code
∘ TOTP Flow
∘ Implementation
· Conclusion
· References

If you are not a Medium member, then click here to read for free.

Prerequisites

This is the list of all the prerequisites:

• Spring Boot / WebFlux 3+
• Maven 3.6.3
• Java 21
• MongoDB instance (v6 or later) installed
• Basic knowledge of Angular and Typescript (Angular 18 or later)
• IntelliJ IDEA, Visual Studio Code, or another IDE

Overview

What is TOTP?