WEB3 - 자바스크립트를 이용한 페이스북 로그인

SDK의 설치와 설정 그리고 로그인 여부 확인

수업소개

Facebook javascript SDK를 설치하고, 설정하는 방법을 알아봅니다. 또 현재 로그인 상태인지 여부를 파악하는 방법도 소개합니다. 

 

 

 

강의

 

 

 

소스코드

변경사항

댓글

댓글 본문
  1. momo
    response state값에 unknown이 나와 당황해 몇시간 헤맸네요...
    뒷강의에 있는 코드 따라 쳐보니 잘 실행되어 저와 같은 분들은 우선
    뒤에 나오는 강의를 따라 FB.login() 코드 치시면 페북에 로그인이 되며 connected상태로 됨을 볼 수 있답니다!!
    https://로 변경하라는 오류메세지가 나오지만
    egoing님 말씀대로 오류 무시하고 localhost로 진행했고 제대로 작동했습니다.
    (저같은 경우 에디터를 vscode를 써서 url 설정을 'http://localhost:5500'로 했습니다)
  2. 이기배
    저도 포기 ㅠㅠ
  3. 스티븐잡숴
    완료
  4. 준바이
    크.. 그러게요 턱하고 막히네요 여기서 ㅠ
    대화보기
    • 장우진
      이젠 HTTPS에서만 연결할 수 있네요.. 위와 같이 하시려면 인증서 받아야만 합니다.
    • 샬롬
      완료
    • 박창신
      완료
    • 코딩만이 살길이다
      완료
    • Mason Y Koh
      테스트하는 브라우저에서 페북 로그인이 되있지 않으시면 status가 unknown으로 뜹니다. 혹시 메세지 다르게 뜨시면 해당 웹브라우저 로그인 여부 확인하세요.

      status specifies the login status of the person using the app. The status can be one of the following:
      connected - the person is logged into Facebook, and has logged into your app.
      not_authorized - the person is logged into Facebook, but has not logged into your app.
      unknown - the person is not logged into Facebook, so you don't know if they've logged into your app or FB.logout() was called before and therefore, it cannot connect to Facebook.
    • Hoon Ko
      sdk.js?hash=b02a5cfe6107cc819f65d1c50ee7768d&ua=modern_es6:52

      The method FB.getLoginStatus will soon stop working when called from http pages. Please update your site to use https for Facebook Login. https://developers.facebook.com......in/

      b @ sdk.js?hash=b02a5cfe6107cc819f65d1c50ee7768d&ua=modern_es6:52
      a @ sdk.js?hash=b02a5cfe6107cc819f65d1c50ee7768d&ua=modern_es6:126
      getLoginStatus @ sdk.js?hash=b02a5cfe6107cc819f65d1c50ee7768d&ua=modern_es6:148
      (anonymous) @ sdk.js?hash=b02a5cfe6107cc819f65d1c50ee7768d&ua=modern_es6:111
      (anonymous) @ sdk.js?hash=b02a5cfe6107cc819f65d1c50ee7768d&ua=modern_es6:109
      window.fbAsyncInit @ (index):39
      a.__wrapper.a.__wrapper @ sdk.js?hash=b02a5cfe6107cc819f65d1c50ee7768d&ua=modern_es6:109
      (anonymous) @ sdk.js?hash=b02a5cfe6107cc819f65d1c50ee7768d&ua=modern_es6:161
      setTimeout (async)
      (anonymous) @ sdk.js?hash=b02a5cfe6107cc819f65d1c50ee7768d&ua=modern_es6:161
      require @ sdk.js?hash=b02a5cfe6107cc819f65d1c50ee7768d&ua=modern_es6:24
      (anonymous) @ sdk.js?hash=b02a5cfe6107cc819f65d1c50ee7768d&ua=modern_es6:162
      require @ sdk.js?hash=b02a5cfe6107cc819f65d1c50ee7768d&ua=modern_es6:24
      __d @ sdk.js?hash=b02a5cfe6107cc819f65d1c50ee7768d&ua=modern_es6:24
      (anonymous) @ sdk.js?hash=b02a5cfe6107cc819f65d1c50ee7768d&ua=modern_es6:162
      (anonymous) @ sdk.js?hash=b02a5cfe6107cc819f65d1c50ee7768d&ua=modern_es6:188
      (anonymous) @ sdk.js?hash=b02a5cfe6107cc819f65d1c50ee7768d&ua=modern_es6:188
    graphittie 자세히 보기