• 목록
  • 아래로
  • 위로
  • 0
  • OAUTH2
  • 조회 수 111

post-thumbnail

Multi-factor authentication

보안에 관심이 있는 사람이라면 한 번씩은 Multi-factor authentication을 들어보았을 것 이다. 이는 단순히 ID Password만으로 인증하는 방식이 아니라 OTP등 다른 추가적인 인증 기기나 SMS, Email과 같은 수단으로 인증코드를 전송 하면서 계정에 추가적인 보안계층을 도입하는 것을 말한다.
국내에서는 인지도가 비교적 낮지만 최근에는 별도의 하드웨어 보안키를 이용해서 인증을 하기도 한다.

(아래는 Namecheap의 Two-Factor Authentication 설정화면)

Webauthn

 

Webauthn은 fido2 하드웨어 보안 토큰을 웹에서 사용할 수 있도록하는 W3C에서 표준화한 자바스크립트 API 표준이다. https://en.wikipedia.org/wiki/WebAuthn

 

개발을 시작하면서

 

Webauthn은 기본적으로 사용자를 비대칭 암호화 기술로 확인한다, 보통 RS256이나 ES256을 많이 사용한다.
인증 플로우나 기타 자세한 내용은 라엘님 블로그를 참조하자.

나는 기본적으로 backend 서버로 go언어의 echo 프레임워크로 개발했다.
(사실은 labstack/echo 처음 써본다)
go언어가 기본적으로 crypto 라이브러리가 풍부하고 손에 익어서 사용했다.

나는 fido2를 지원하는 하드웨어 보안키가 없기 때문에 Chrome의 webauthn 디버거와 스마트폰의 TPM을 사용했다.

인증 과정에서는 클라이언트에서 hex로 인코딩해서 XHR 통해서 서버로 전송했다.

키 등록시에는 create 버튼을 누르면 navigator.credentials.create를 사용해서 인증기기에서 키를 생성하고 PublicKey와 ID를 export 한다.
그 다음 이를 서버에서 유저 정보에 보관한다.

키를 사용할 때는 서버에서 challenge를 생성해서 클라이언트에 보낸다.
클라이언트는 navigator.credentials.get을 호출하여 challenge를 자신의 개인키를 이용하여 서명하고 서버에 response 를 전송한다, 서버는 이를 다시 해당유저의 공개키로 검증하고 AuthenticatorData를 파싱해서 Relying Party Hash와 counter를 확인한뒤 클라이언트에게 인증권한을 부여한다.

결론

webauthn과 fido2는 나의 생각보다 훨씬 완성도 높은 기술이였다.
앞으로 자주 활용사례가 보일듯하다. 인증 구현하는것은 그다지 어렵지는 않았다. 다만 CBOR 디코딩에서 조금 어렵기는 했지만..
그리고 구글이나 마이크로소프트 Github에서도 사용하는 기술이니 한번쯤 시도해 보면 좋은 경험이 될것이다.

결과물을 MIT라이선스로 공개합니다. 필요한경우 참조해도 좋습니다.^^
https://github.com/lemon-mint/webauthn-demo-server
(Star✨도 한번씩 눌러주세요^^)

Velog: https://velog.io/@icemint/webauthn

webauthn은 기본적으로 사용자를 비대칭 암호화 기술로 확인한다, 보통 RS256이나 ES256을 많이 사용한다.나...

 

이니스프리님 이니스프리 포함 1명이 추천

추천인 1

댓글 0

권한이 없습니다.
번호 제목 글쓴이 날짜 조회 수
공지 [작업 완료] 설 명절 맞이 서버 업데이트 안내 3 마스터 마스터 24.02.11.17:21 2206
공지 [중요] 호스팅 만료와 관련하여 일부 수칙이 변경됩니다. 4 마스터 마스터 23.01.14.02:23 5892
공지 낚시성 불법도박 홍보 게시글을 주의하세요. 9 image 네모 네모 22.08.09.18:13 738
공지 슬기로운 포인트 벌이를 하는 법 (22.10.11 업데이트) 64 네모 네모 18.06.17.20:25 15640
6449 [설문조사 12탄] 현재 주력으로 사용하시는 데스크탑 브라우저는 무엇인가요? 10 제르엘 제르엘 23.10.02.00:26 188
6448 [스포어/개선필요] 추천만 박으면 리프레쉬 되서 동영상 같은거 꺼짐 3 랩퍼투혼 랩퍼투혼 23.09.30.12:54 98
6447 [스포어 위키] 파이어폭스에서의 리버티 스킨 글꼴 이슈 고쳤습니다. 1 image 제르엘 제르엘 23.09.26.21:58 182
6446 firefox 120.0a1 버전이 새롭게 떴네요. 9 image 워시퍼 23.09.26.13:03 198
6445 근황 6 image 제르엘 제르엘 23.09.25.19:26 124
6444 행추, 즐추 되세요~~ 4 image 랩퍼투혼 랩퍼투혼 23.09.25.17:05 105
6443 자동 로그인을 해버리니 불편한점도있네요..ㅠㅠ 5 슬기 슬기 23.09.22.10:39 130
6442 사이트 승인 날때까지.. 매일 출석!! 3 워시퍼 23.09.19.14:30 168
6441 php 8.2 버전이 된다고 하던데.. 1 워시퍼 23.09.18.14:09 151
6440 zeroSSL 연장했습니다 3 image 하이빅스비 하이빅스비 23.09.18.01:29 170
6439 근-황 4 image 국내산라이츄 국내산라이츄 23.09.18.00:53 104
6438 혹시 호스팅 재신청 하면 받아줄까요? 7 워시퍼 23.09.15.17:43 184
6437 오호라? 10 image 막시모 막시모 23.09.14.10:04 177
6436 14년째 혹평받는 기업 7 image 하이빅스비 하이빅스비 23.09.13.18:18 153
6435 애플 이벤트 보고 왔는데요... 8 제르엘 제르엘 23.09.13.09:19 143
6434 고배율 포인트 복권하는법 ㅋ 9 image 랩퍼투혼 랩퍼투혼 23.09.10.07:39 209
6433 의외의 사실 1 image 랩퍼투혼 랩퍼투혼 23.09.10.07:24 168
6432 안녕하... (읍) 5 막시모 막시모 23.09.08.12:57 199
6431 스티커를 살 수가 없쎄요 6 image 랩퍼투혼 랩퍼투혼 23.09.08.08:54 151
6430 스터디포어스 에러시전 5 image 랩퍼투혼 랩퍼투혼 23.09.03.15:37 188