그누보드5 페이스북 및 카카오 소셜 로그인 API 연동 설정 방법

페이지 정보

작성자 최고관리자
댓글 0건 조회 40회 작성일 26-09-14 19:38

그누보드5 운영자가 방문자의 간편한 회원가입과 로그인을 위해 페이스북 및 카카오 소셜 로그인 API를 연동하는 구체적인 설정 절차와 확인 방법을 알아봅니다.

페이스북 개발자 센터에 접속하여 개발자 등록을 마친 후 새 앱을 생성합니다. 앱 이름과 이메일 주소를 입력하여 앱 ID를 만듭니다. 제품 추가에서 Facebook 로그인을 선택한 뒤 플랫폼을 웹으로 지정하고, 소셜 로그인을 적용할 사이트 URL을 입력하고 저장합니다.

대시보드 메뉴에서 Facebook 로그인 설정으로 이동하여 유효한 OAuth 리디렉션 URI를 입력합니다. SSL 인증서가 적용된 사이트라면 https 주소를 입력하며, 입력 예제는 다음과 같습니다.

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

대시보드에서 확인 가능한 앱 ID와 앱 시크릿 코드를 그누보드 설정에 활용합니다. 플러그인 설치 후 기본적인 테스트가 완료되면 앱 검수 메뉴에서 앱 공개 상태를 개발 모드에서 라이브 모드로 변경합니다.

카카오 소셜 로그인 연동을 위해 카카오 개발자 센터에서 앱을 생성한 뒤 REST API 키를 확인하고, Redirect Path와 사용자 관리 항목을 설정하는 방법은 다음과 같습니다.

카카오 개발자 센터에서 새 앱을 생성합니다.
좌측 메뉴의 설정 및 일반 메뉴에서 발급된 키를 확인합니다. 카카오 로그인 API에서 사용되는 키는 발급된 키 중 REST API 키를 사용합니다.
플랫폼 추가 버튼을 클릭하여 웹을 선택하고 적용할 사이트 도메인 주소를 입력합니다.

플랫폼 추가 후 다음 화면에서 Redirect Path 경로는 아래와 같이 설정합니다.

/plugin/oauth/callback.php?service=kakao

소셜 로그인 설정과 플러그인 적용 전에는 기존 설정 및 데이터의 백업 상태를 확인해야 한다.

설정 완료 후에는 실제로 로그인을 시도하여 정상적으로 계정 연동과 회원가입이 이루어지는지 테스트해야 한다.

페이스북: 테스트 완료 후 반드시 앱 검수 메뉴에서 앱 공개 상태를 개발 모드에서 라이브 모드로 변경해야 일반 사용자가 로그인할 수 있다.
카카오: 사용자 관리 설정에서 이메일 수집 항목이 올바르게 체크되었는지 확인해야 한다.

만약 연동 중 오류가 발생할 경우 기존 백업본을 참조하여 이전 상태로 복구할 수 있다.

등록된 댓글이 없습니다.