JS_소셜 로그인 기능 만들기(네이버)

소셜 로그인 기능을 만들어보자

body부분코드

<a onclick="location.href=getNaverURL()">

script 부분

const getNaverURL=()=>{
    const CLIENT_ID= '네이버 개발자 계정에서 받은 클라이언트 아이디';
    const REDIRECT_URI =  "리다이렉트 URI";
    const STATE_STRING='아무말 이나 써봄'
    return `https://nid.naver.com/oauth2.0/authorize?response_type=code&client_id=${CLIENT_ID}&state=${STATE_STRING}&redirect_uri=${REDIRECT_URI}`
}

이렇게하면 버튼을 눌렀을때 리다이렉트 페이지로 넘어간다

리다이렉트 페이지 script 부분

            let sURL = new URL(window.location.href)
            code = sURL.searchParams.get('code')
            if(code){
                console.log("코드있다")
                console.log(sURL);
            }

sURL에서 리다이렉트한 URL을 저장하고
거기서 code부분만 code변수에 담는다.
그리고 코드가 있으면 콘솔찍어서 보면됨...

여기서 코드를 백엔드로 넘겨주고 백엔드에서 토큰이랑 유저정보주면
그거로 로그인 하면 됨.

카카오랑 페북이랑 구글도 다 비슷함.

끗