Google Authenticator integration guide | Okta Developer

Implementing Two-Factor Authentication with NodeJS and otplib — Soshace

“2FA의 첫 출발은 보호 계층을 하나 더 추가하는 것”

구글 OTP react로 구현하기

QR코드와 OTP로 인증 구현하기

구글 OTP(Google Authenticator) 사용법 및 API 연동 방법

What is correct HTTP status code when redirecting to a login page?

OTP(One-Time Password)

무작위 번호약속 알고리즘에 따라 매 시간마다 변경되는 추정 할 수 없는 비밀번호 생성을 이용하는 보안 시스템

흐름

  1. 프론트에서 2fa 인증을 위한 코드를 달라고 요청

  2. 백에서 qr코드와 시크릿 코드를 생성하여 응답

  3. 사용자가 otp 앱에 qr 코드나 설정 키를 입력하여 우리 앱 추가

    프론트 화면

    프론트 화면

  4. 등록 후 한번 OTP 입력 받아서 인증이 되는지 확인

    구글 OTP 앱에 우리 앱을 추가한 이후 화면

    구글 OTP 앱에 우리 앱을 추가한 이후 화면

    프론트 화면 (resend는 뭔지 잘 모르겠음)

    프론트 화면 (resend는 뭔지 잘 모르겠음)