이메일 인증 회원가입 및 로그인 구현(1)

이메일 인증 회원가입 및 로그인 구현(1)

NextJS 소셜로그인이라는건 예를 들면 철수가 내가 만든사이트A.com에 회원가입 페이지에 있는 카카오톡으로 회원가입하기 버튼을 누르시면 카카오톡 아이디랑 비번을 넣어서 로그인 하라는 페이지를 보여주고, 거기서 철수가 카카오톡 아이디랑 비번을 입력하고 카카오톡 로그인하기 버튼을 누르시면 카카오톡은 철수에게 야 A.com에 님 정보 주는거 동의함? 이라고 물어 볼 것입니다. 거기서 동의를 하면 이제 철수의 카카오톡은 A.com에 철수의 이메일, 이름, access token 등의 정보를 넘겨주게 됩니다.

카카오톡 PC버전 로그인 방법아이디 비밀번호

1 먼저 핸드폰에서 사용 중인 아이디를 확인합니다. 카카오톡 더 보기 설정 카카오계정 이메일 확인 2 비밀번호를 모르신다면 계정비밀번호 변경으로 변경하여 확인합니다. 3 아이디와 비밀번호를 입력하여 로그인합니다. 로그인 후 내 PC인증 아니면 1회용 인증을 완료하면 PC버전 사용이 가능합니다.

플랫폼 등록하기 그리고 키해시 넣기

키 해시 찾아내는 법 키 해시Key Hash란 인증서Certificate의 인증서 지문 값Certificate fingerprints을 해시hash한 값으로, 악성 앱인지 판별하는 데 사용됩니다. 카카오 API를 호출하면 카카오 API 서버가 요청 헤더에 추가된 키 해시값과 카카오 플랫폼에 등록한 값이 일치하는지 확인합니다. 키 해시는 디버그 키 해시Debug key hash와 릴리즈 키 해시Release key hash 두 가지가 있습니다.

디버그 키 해시 프로젝트를 처음 생성하거나 디버그할 때, 안드로이드 스튜디오에서 개발 환경에 맞게 자동으로 생성되는 디버그 인증서 에서 해시hash한 값입니다. 릴리즈 키 해시 앱 스토어에 앱을 배포하기 위해 생성한 릴리즈 인증서로부터 해시한 값입니다.

FACEBOOK 앱 연동 로그인 갱신으로 문제 해결

1. 페이스북을 엽니다. 설명하는 기준은 모바일 전화가 아닌 PC 화면이오니, 착오 없기를 바랍니다. 2. 우측 상단에 있는 프로필 이미지를 클릭한 후, 설정 및 개인정보를 클릭합니다. 그리고 톱니바퀴 모양의 설정을 클릭합니다. 3. 좌측에 설정 및 개인정보 메뉴가 나타나고, 아래쪽에 있는 앱 및 웹사이트를 클릭합니다. 4. 페이스북과 연동되어 있는 앱들이 주르르 나타납니다.

로그인하고 싶은 애플리케이을 찾아 만료됨이라고 나와 있는지 확인합니다. 오늘 예시 사이트인 GOG.com은 만료됨이라고 나와 있습니다. 일정 기간 로그인을 하지 않으면 만료 처리가 되는 것 같습니다. 이를 갱신하기 위하여 조회 및 수정을 클릭합니다. 5. 갱신 버튼을 클릭합니다. 바로 만료됨 상태에서 활성으로 바뀝니다.

페이스북 연동 계정 로그인 불가 문제 해결

페이스북 로그인을 통한 계정에 액세스하는 데 문제가 있다면야 아래의 차례대로 시도해 봅니다. 1. GOG.com 웹사이트로 접속하여, 로그인 창을 띄웁니다. 로그인 불가 사이트에서 로그인 화면으로 이동 2. 비밀번호 재설정을 클릭합니다. Password reset을 터치하시면 됩니다. 3. ACCOUNT 창이 나타나고, 이메일을 기합니다. 여기서 이메일 주소는 페이스북에서 사용하던 계정입니다.

아래에 있는 Im not a robot을 체크한 후, 단어에 맞는 사진을 선택하여 로봇이 아님의 확인 과정을 거칩니다. 일련의 과정을 거친 다음, GET NEW PASSWORD (새로운 비밀번호 얻기) 버튼을 누릅니다. 4. 페이스북 계정의 이메일 주소로 비밀번호 재설정 방법이 담긴 메일을 보냈다는 창이 나타납니다.

MailService 구현 tymeleaf 이용

MemberService Interface를 먼저 살피어 보자. createCode Random 함수를 통해 난수로 된 이메일 인증 코드를 만드는 메소드 createEmailForm : 전송할 Email 형식 세팅(가령, 받는 사람/ 보내는 사람/ 메일 내부 내용 등) sendEmail createCode를 통해 인증코드를 만들고 createEmailForm을 통해 최종 메일 내용을 세팅하고 나서 toEmail 주소로 만든 이메일을 전송하는 메소드 verifyEmailCode : Redis를 사용. key-value를 email_addr – auth_code로 하여 이메일을 전송할 때, redis에 저장했던 인증코드와 요청값에 넘어온 인증번호를 비교하여 확인하는 메소드 31 EmailServiceImpl EmailService구현체 이전에 추가적인 의존성 추가가 필요합니다.

자주 묻는 질문