조회 수 3510 추천 수 1 댓글 12
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부

소셜XE API 설정 - facebook(페이스북)


1. 페이스북 api를 얻기위해 페이스북 개발자 페이지 ( https://developers.facebook.com/ )에 접속합니다.

(api를 얻기위해서는 페이스북에 로그인이 되어있어야 합니다.


1.png


2. 페이스북 개발자 페이지에서 [Add a New App] 메뉴를 클릭합니다.


2.png


3. [Add a New App] 창에서 "Website"를 클릭합니다.


3.png


4. 빈칸에 사용할 App Name 을 입력하면 [Create New Facebook App ID] 버튼이 나옵니다. 그걸 클릭해주세요. App Name은 그냥 사이트 이름을 적으면 됩니다.


4.png


5. Category는... 딱히 활용도가 없지만, 그래도 선택하라고 하니, 선택해주세요.. 마음대로.. 그리고 [Create App ID] 버튼을 클릭하여 앱을 생성합니다.


5.png


6. [My Apps] 메뉴에서 새로 생성된 앱을 클릭합니다.


6.png


7. 앱 관리 페이지에서 [Settings] 메뉴로 들어갑니다.


7.png


8.png


8. 앱 설정 페이지에서 [Add Platform] 버튼을 클릭해 웹사이트 플랫폼을 추가합니다.


9.png


9. 웹 사이트 URL을 정확하게 입력하고 저장 버튼을 클릭합니다.

* 여기서 입력한 웹 사이트와 실제로 적용한 웹사이트 주소가 다르면 오류가 납니다.


10.png


10. 상단에 api key가 있는 데.. 옆에 있는 [Show] 버튼을 누르면 비밀번호 확인창이 나올 겁니다. 비밀번호가 확인되면 api 비밀키가 보일 것입니다.


11.png


11. 보이는 api key들을 복사해 소셜XE api 설정 페이지에 붙여넣습니다.


13.png


12. Settings 에서 [Contact Email] 을 설정해주세요.


14.png


13. Status & Review 에서 " Do you want to make this app and all its live features available to the general public? " 부분을 [YES] 으로 변경해주세요.


그러면 페이스북 api 설정도 이걸로 끝나게 됩니다.



※ 페이스북의 Redirect URL 설정은 필수가 아니랍니다.. 단지, 보안 목적으로 설정할 수 있습니다.

설정방법 : 앱 관리 페이지 -> [Settings] 메뉴 -> [Advanced] 탭 -> [Security] 항목에서 설정할 수 있습니다.


12.png


?
  • profile
    DavidStallman 2015.02.26 17:36
    자세한 설명 감사합니다.
  • profile
    Pain 2015.05.31 00:38
    서브도메인은 Facebook 자체에서 스팸주소로 인식하는듯 합니다.. 전에 제 홈페이지가 서브도메인이였는데 그때도 스팸으로 인식했었습니다.

    서브도메인으로 홈페이지 운영하시는분들은 참고부탁드립니다.
  • profile
    DongsoonChoi 2015.06.08 00:27
    facebook연결 site주소는 주소창에 나오는 그대로 입력해야 작동하는 것 같습니다.
    제 site의 경우 일반적인 주소는 http://www.happist.com인데
    facebook에서 먹히는 주소는 http://happist.com/bxe/네요

    다들 전문가시니 잘 아시겠지만 저같은 초보는 많은 시행착오를 거쳐야했습니다.
  • ?
    azby 2015.06.29 18:20

    전왜 웹사이트라는 목록이 안뜨죠?;;;;

  • profile
    CONORY 2015.06.29 18:53
    잘 찾아보세요.. [Ctrl]+[F]...;;

    자세한 정보없는 질문에는 이렇게 밖에 답변드리지못합니다.
  • ?
    azby 2015.06.29 19:42
    아니..." 8. 앱 설정 페이지에서 [Add Platform] 버튼을 클릭해 웹사이트 플랫폼을 추가합니다."
    여기 단계에서 들어가면은 그림과 같이 "웹사이트"라는 그림이 투명하게 보이면서 클릭이 안됩니다.ㅜㅜ
  • profile
    CONORY 2015.06.29 21:01
    그렇다면 이미 추가되어있는 경우입니다. 9번 URL 설정으로 넘어가세요.
  • ?
    azby 2015.07.02 12:55
    ㅎㅎ 감사합니다 >-< ㅎㅎ
  • profile
    JinwooPark 2016.03.17 17:28
    https://xe.conory.com/index.php?mid=xe_product_manual&category=37787&document_srl=37802
    "소셜XE API설정 - Facebook" 글인데요. 혹시 이걸 업데이트 해주실 수 있을까요? 글을 올리신지 1년이 지나서 그런지 최근의 facebook developer 페이지 https://developers.facebook.com 랑 맞지를 않네요 ㅠㅠ. 업데이트 부탁드릴 수 있을까요?
  • profile
    CONORY 2016.03.18 17:19
    UI은 다소 변경되었지만, 설정페이지는 변경되지않는데요.. https://developers.facebook.com/apps/에 앱 생성하시면 되는 데요..
  • ?
    독도 2017.05.04 04:58
    페이스북 설정 화면이 위의 설명 이미지와 많이 달라졌나봐요. ㅎㅎ
    처음 화면부터 다르게 나오네요. 전문가의 입장에서는 개념을 알기 때문에 추측이 가능하겠지만, 저같은 초보에게는
    따라하기식의 순서가 중요할거 같아요. ㅎㅎ
  • profile
    똑디 2018.03.19 16:24
    소셜로그인이 페이스북에서도 작동을 하고 있을가요? api통신오류라고 나와서.
    그리고 여기 댓글창에 로그인 하지 않고 글을 작성하면 "내용을 입력해 주세요" 라고 계속 메시지가나오네요.
    내용을 입력했는데도...