조회 수 3504 추천 수 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통신오류라고 나와서.
    그리고 여기 댓글창에 로그인 하지 않고 글을 작성하면 "내용을 입력해 주세요" 라고 계속 메시지가나오네요.
    내용을 입력했는데도...

  1. No Image 13Mar
    by 제이에이치알
    in 소셜XE 모듈
    Replies 1

    [FIX] 소셜XE 2.2 카카오 로그인 'API 통신오류' 이슈

  2. No Image 28Feb
    by CONORY
    in 소셜XE 모듈
    Replies 22

    소셜 XE SNS 로그인 방법

  3. 28Feb
    by CONORY
    in 소셜XE 모듈

    SNS 로그인 가입으로 성별 데이터를 받기위한 성별폼 생성

  4. No Image 28Feb
    by CONORY
    in 소셜XE 모듈
    Replies 4

    소셜XE SNS 프로필 API 지원 현황 V2.1

  5. 소셜XE API 설정 - kakao(카카오)

  6. No Image 27Feb
    by CONORY
    in 소셜XE 모듈
    Replies 7

    기존 소셜XE 2011을 사용했을 때, 2015로 전환하는 팁

  7. No Image 27Feb
    by CONORY
    in 소셜XE 모듈

    [대처방법] 만약 SNS api가 중단되어, 로그인하지못한다면..

  8. 소셜XE API 설정 - naver(네이버)

  9. 소셜XE 관리자 페이지 구성 var.0.1

  10. 소셜XE API 설정 - google(구글)

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

  12. 소셜XE API 설정 - Twitter(트위터)

Board Pagination Prev 1 Next
/ 1