페이스북 소셜 로그인 API 신청 방법 - 그누보드팁

본문 바로가기
전체검색

그누보드팁

그누보드, 영카트 초보 제작자분들을 위한 다양한 스킨 제작 활용 팁을 공유합니다.

페이스북 소셜 로그인 API 신청 방법

관리자 17-09-18 14:43

그누보드5용 소셜로그인 플러그인 설치에 필요한 페이스북 앱 키 발급 안내입니다.


누보드5 소셜로그인 

https://sir.kr/g5_plugin/2213



페이스북 소셜로그인 앱 만들기

신청하기 : https://developers.facebook.com/apps




페이스북 개발자 등록이 안 돼 있다면 개발자 등록먼저 하세요. 등록 절차는 아주 간단합니다.


c0bcad55ef6070cef53b6a79b9f4ebc9_1505712436_4638.png


개발자 등록이 되어 있다면 새 앱 만들기 클릭





c0bcad55ef6070cef53b6a79b9f4ebc9_1505712453_9442.png

적당한 앱 이름과 이메일주소 입력 후 앱ID 만들기 클릭





c0bcad55ef6070cef53b6a79b9f4ebc9_1505713999_6306.png
 

제품추가에서 Facebook 로그인 설정 클릭





c0bcad55ef6070cef53b6a79b9f4ebc9_1505712818_6577.png


플랫폼 선택은 웹으로 선택





c0bcad55ef6070cef53b6a79b9f4ebc9_1505712831_6928.png


소셜로그인을 적용할 사이트 URL 주소 입력 후 Save 클릭

밑에 있는 계속 버튼은 안 봐도 됩니다.





c0bcad55ef6070cef53b6a79b9f4ebc9_1505712881_5802.png

대시보드 메뉴에서 Facebook 로그인 > 설정 클릭 후


유효한 OAuth 리디렉션 URI 입력

SSL 인증서가 적용되어 있는 사이트라면 https 주소도 입력 (여러개 등록 가능합니다.)


입력 예제

http://example.com/plugin/oauth/callback.php





c0bcad55ef6070cef53b6a79b9f4ebc9_1505713933_8466.png
 

그누보드5 페이스북 소셜로그인을 연동하기 위해서는 아래 코드가 필요합니다.


앱 ID

앱 시크릿 코드


키는 대시보드에서 확인 가능합니다.




c0bcad55ef6070cef53b6a79b9f4ebc9_1505713801_2299.png
 

그누보드5용 소셜로그인 플러그인을 설치해서 기본적인 테스트 완료 후에

앱 검수 메뉴 클릭 후 앱 공개 상태를 개발 모드에서 라이브 모드로 변경

로그인 후 댓글 작성 가능합니다.

로그인

로그인 후 글 작성 가능합니다.
그누스킨닷컴

그누스터디는 그누보드, 영카트를 이용하시는 초보 사용자를 위한 정보를 공유합니다.

E-MAIL : gnustudy@naver.com / 카카오톡 : gnustudy / 텔레그램 : gnustudy
제작 문의를 제외한 일반 문의는 QA 게시판을 이용해주세요.

Copyright gnustudy.com All rights reserved.