OTP 인증 🔐 ▻ otplib

March 05, 2021

💎 목차

• 준비를 하며
• 설치를 하며
• 코드를 보며
• 생각 해보며

준비를 하며

보안적인 이슈가 나날이 급증하면서, 2-Factor 인증을 도입하는 추세가 늘고있습니다.

이번 포스팅에서는 간단하게 OTP 인증을 통한 회원가입 및 로그인을 진행 해 보겠습니다.

하단 링크를 통해서 자신의 기종에 맞는 OTP 어플리케이션을 설치하시기 바랍니다.

• FreeOTP Authenticator

  • Android
  • IOS

• Google OTP

  • Android
  • IOS

⬆ 목차

⚙️ 설치를 하며

$ npm install base64-img, otplib, qrcode

⬆ 목차

😳 코드를 보며

▼ OTP 생성

@createdOTP

• OTP SecretKey를 생성하는 함수입니다.

  • generateSecret: Secret Key 생성
  • keyuri: 비밀 키는 다음 형식의 URI로 QR 코드로 인코딩

@verifyOTP

• 입력한 OTP 값을 검증하는 함수입니다.

  • verify: OTP 값과 생성했던 SecretKey를 통해 검증

▼ OTP 데이터를 가지고 QR Code 생성

@createQRCode

• QR Code를 생성하는 함수입니다.

  • toDataURL: OtpURI를 기반으로 qrcode를 생성하며, 해당 이미지를 base64Img를 통해 png파일을 생성합니다.

결과

▼ DATABASE TABLE

▼ QR Code 생성

▼ QR Code Scan

▼ 로그인

⬆ 목차

🤔 생각해 보며

회원가입을 통해 OTP QR Code를 사용자 메일로 전송

$ npm install nodemailer

▼ QR Code를 사용자 메일로 전송

@createTransport

• mailer SMTP 설정

  • service - SMTP 기반 전송 지원
  • auth - user: 메일 계정, pass: 계정 비밀번호

@sendMail

• 메일 전송

  • from(보내는 사람) - name: 보내는 이, address: 보내는 메일
  • to(받는 사람) - address: 받는 메일
  • subject(제목)
  • text(내용)

결과

▼ 사용자 메일 수신

⬆ 목차

출처

GitHub > otplib

여러분의 댓글이 큰힘이 됩니다. (๑•̀ㅂ•́)و✧