페이스북 로그인

페이스북 로그인 처리입니다.

프론트에서 페이스북으로 로그인하기 버튼을 누르면 아마 위 페이지로 이동할 겁니다. 이 페이지를 인증 페이지라고 하겠습니다.

로그인에 성공을 하면 페이스북은 액세스 토큰(access token)이라는 걸 던져줍니다. 이 토큰은 인증 토큰이라고도 하는데요.

이 엽전(token)으로 물건을 살 수 있겠죠. 이 엽전을 가지고 다시 페이스북에게 노크를 하면 필요한 정보들을 획득할 수 있습니다.

이 Access Token을 가지고 소셜 로그인을 시도하는 예제입니다.

백앤드의 경우에는 Post Man에서는 Authroization 탭에서 OAuth 2.0을 선택한뒤, Get New Access Token을 이용해서 액세스 토큰을 획득했습니다. 아마 프론트단에서는 액세스 토큰을 획득하는 방법이 조금 다를 것입니다.

Auth URL과 Access Token URL은 개발자 홈페이지에서 명시된 주소를 적어주시면 됩니다. (버전만 달라지지 않았다면 위 이미지에 있는 걸 그대로 적으셔도 무방합니다.)

Client ID와 Client Secret은 https://developers.facebook.com/apps/285502471913589/dashboard/ 에서 생성하신 앱 ID 와 시크릿 키를 적어주시면 됩니다.

여기까지는 백엔드단이 아무런 HTML 태그 구성 없이 순수히 포스트맨 만으로 액세스 토큰을 획득하는 방법에 대해 적은 것입니다.

url

/member/fb-login/

액세스 토큰을 페이스북에게 보내야 하니 POST 요청으로 해야합니다.

POST

Key	Value
access_token	Token Key Value

{
    "key": "2754d04122b08017f1d00c340177a4788e7961bb"
}

POST 200 OK 를 받아내면 key 이라는 걸 던져줍니다. 200 OK 와 함께 key를 확인하셨다면 로그인에 성공했다는 의미입니다.