아이니그마

이제 로그인을 만들자 크게 다를 건 없다 일반/네이버/카카오 로그인 로그인 페이지 프런트 서버 크게 특별한 건 없다! oauth로그인이라면 오게 되는 리다이렉트 페이지 oauth로그인이라면 회사별 처리 백엔드 서버 로그인 필터 https://cordingmonster.tistory.com/178 서버셋팅하기! 백엔드 서버 시큐리티 세팅 cors정책 세팅 로그인 필터 만들기 인증 필터 그외 uservo/dto/dao나 userdetail를 만들어주면된다 프론트서버 백엔드 통신을 위해 만들어놓은 함수들이다 cordingmonster.tistory.com 카카오/네이버 로그인도 크게 달라진 건 없다 카카오로 봐보자 reuqest부분을 따로 빼고 콜백 부분을 합쳤다 무슨 말이냐면 예전엔 pay/login 이렇게..

이제 로그인 뒤 홈페이지로 보내주자 리다이렉트를 해줘야 한다! kakaoLoginService 리다이렉트 준비를 위해 액세스 토큰+이메일을 배열로 리턴해준다 controller 파라미터로 던 저주자! index.jsp email 파라미터 값을 찾는다 없다면 로그인/회원가입 표시 회원가입 로그인 있다면 로그인 상태 중이니 이메일 표시 토큰을 받아서 로컬 스토리지에 저장 var params = new URLSearchParams(location.search); var getType= params.get('token'); if(getType!=null){ console.log(getType); localStorage.setItem('Authorization', getType); } 어이쿠.. else 가없네 ..

이제 토큰을 이용해서 사용자 정보만 받아주면 된다! https://developers.kakao.com/docs/latest/ko/kakaologin/rest-api#req-user-info Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com Content-type: application/x-www-form-urlencoded;charset=utf-8 Authorization: Bearer {ACCESS_TOKEN} 바디는 없다! 네이버에서 했던 것 처럼만들어주자! service headers.add("Authorization", "Bearer "+..

이제 받은 정보로 토큰을 받을 건데 로그인을 하면 code를 받았을 것이다 SXlEXqO17ZaAxdGvadjYi_E5-Dw66S5bXk6gqncJsY7sJRb_xK97_N3f4kmndEzs7Y2yFAo9dBEAAAF6mK1alQ 이런형식 이다 https://developers.kakao.com/docs/latest/ko/kakaologin/rest-api#request-token Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 토큰을 받으려면 Content-type: application/x-www-form-urlencoded;charset=u..

일단 애플리케이션 등록을 해주고 동의 항목을 만들어준다 개발 중에는 번호를 못 받나 보다.. 카카오 계정(이메일)을 꼭 체크 해주자 개발자 센터를 보면 https://developers.kakao.com/docs/latest/ko/kakaologin/rest-api#request-code Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com https://kauth.kakao.com/oauth/authorize?response_type=code&client_id={REST_API_KEY}&redirect_uri={REDIRECT_URI} 로 요청해줘야..