Express - faebook Log In

페이스북 소셜 로그인 연동을 할 차례인데 꽤 어렵다고 한다

먼저 developer.facebook.com으로 들어가서 애플리케이션 등록을 해야한다

 

난 facebook아이디가 없다.. 먼저 만들어주고

developer사이트로 가서 로그인 해주고 새앱 만들기를 진행했다.

이 화면에서 그냥 일단 잘 모르지만 로그인 권한이 적혀있어서 소비자로 만들어 줬다.

 

그리고 facebook 로그인 설정을 선택하고 계속 계속~

그리고

이런 화면이 뜨는데 웹으로 선택하고

사이트 url 적어주고~

뒤에 나오는 내용은 현재 필요 없으므로 전부 무시하고 완료해주자.. 완료버튼이 없다..ㅡㅡ;;

그리고 설정에서 기본설정으로 이동하면

앱 ID와 시크릿ID가 보인다... 이것들을 복사해주자

깃헙 연동할때 처럼 .env에 환경변수 설정을 해주고 깃헙때와 마찬가지로 passport에 strategy를 설정해준다

자 순서가 엉켰는데

이제 passport-facebook 설치를 해주고 .env 환경변수 설정해서 앱아이디와 시크릿 아이디 넣어주고

위처럼 작성해주고 routes를 만들어 준다

이제 컨트롤러들을 만들어주자 이것도 깃헙과 동일하다

이제 router 설정을 해주자 globalRouter로 가서

그리고 social login 에서 페이스북 링크 걸어주고 눌러주면~!~! 만들어준 콜백함수 실행되면서

이렇게 정보가 뜬다!~! 쉬울거 같았는데.... 문제는 email과 프로필이 없다..

이건 다음 강의에서 계속 된다고 한다..

다른 소셜계정은 거의 비슷하고 어려운게 거의 없다는데 facebook이 제일 문제라고 한다.

 

http://www.passportjs.org/packages/passport-facebook/

passport-facebook