OAuth 썸네일형 리스트형 [Next JS] Commerce Project #6 What to do? Google OAuth 회원가입 기능(Sign Up) 만들기 데모 로그인 버튼 클릭 구글 로그인 팝업창이 뜨면, 로그인 로그인 성공 새로고침하면 로그인된걸 볼 수 있음 데이터베이스 실제 정보가 들어간걸 확인 할 수 있음 Flow Google Login Google OAuth를 사용해 credential을 가져옴 View에서 Next JS API 요청 End Point : /api/auth/google-sign-in method : GET parameter : credential Nest JS에서 Spring 서버로 POST request End Point : localhost:8080/api/user/signIn payload : 회원정보 (username/email/imgUrl) .. 더보기 [Next JS] Commerce Project #5 What to do? Google OAuth 구글 Cloud 콘솔 세팅 Sign in 버튼 테스트하기 Google Cloud Console Project 생성하기 사용자 인증 정보 탭 사용자 인증 정보 만들기 버튼 누르기 OAuth Client ID 만들기 선택 OAuth 동의화면 앱 이름, 로고, 개발자 연락처 등 범위 범위 추가 또는 삭제 - 유저 이메일, 프로필 테스트 계정 추가 내 Gmail 계정 추가 사용자 인증정보 탭 OAuth 클라이언트 ID 선택 OAuth 클라이언트 ID 만들기 어플리케이션 유형은 웹 어플리케이션 승인된 자바스크립트 원본에는 http://localhost도 추가해주어야 함. 안하면 GSI_LOGGER]: The given origin is not allowed for th.. 더보기 이전 1 다음
