강좌·기초

• 목록
• 스크랩

소셜 로그인 플러그인 파일 업로드

SIR 자료실 등을 통해 제공되는 소셜 로그인 플러그인 압축파일을 해제한 뒤, 관련 폴더를 그누보드 설치 경로에 업로드합니다. extend 폴더와 plugin 폴더는 원본 파일과 충돌하지 않으므로 그대로 업로드할 수 있습니다.

기본 basic 스킨을 사용하는 경우 mobile과 skin 폴더의 파일들을 그대로 덮어씌워 적용할 수 있습니다. 만약 커스텀 스킨을 사용 중이라면 전체를 덮어쓰지 않고 필요한 코드만 별도로 삽입해야 합니다.

API 키 및 설정값 적용

extend/oauth.extend.php 파일을 열어 각 소셜 앱 서비스에서 발급받은 API 키를 입력합니다. 또한 설정 상수를 통해 회원가입 허용 여부와 테이블 생성 여부를 제어할 수 있습니다.

// 회원가입을 허용하지 않는 경우 false 로 변경
define('G5_OAUTH_MEMBER_REGISTER', true);
// 회원가입 선택여부
define('G5_OAUTH_MEMBER_REGISTER_SELECT', true);
// 소셜 회원가입 테이블 생성, 테이블 생성 후 false 로 변경
define('G5_OAUTH_TABLE_CREATE', true);

스킨 파일 소셜 로그인 버튼 코드 삽입

기본 스킨이 아닌 커스텀 스킨을 이용하는 경우, 로그인 및 회원가입 관련 스킨 파일에 소셜 로그인 버튼 호출 코드를 직접 추가해야 합니다.

• login.skin.php: <?php include_once(G5_PLUGIN_PATH.'/oauth/login.skin.inc.php'); ?>
• member_confirm.skin.php: <?php include_once(G5_PLUGIN_PATH.'/oauth/member_confirm.skin.inc.php'); ?>
• register_form.skin.php: <?php include_once(G5_PLUGIN_PATH.'/oauth/register_form.skin.inc.php'); ?>

변경 전 백업 및 적용 후 확인 절차

설정 파일과 스킨 코드를 수정하기 전에 기존 파일을 안전하게 백업해야 합니다. 파일 업로드와 코드 수정이 완료된 후에는 로그인 화면에서 소셜 로그인 버튼이 정상적으로 출력되는지 확인하고, 실제 소셜 로그인을 시도하여 가입 및 인증 과정이 원활하게 작동하는지 점검해야 합니다.

복구 방법

적용 후 오류가 발생하거나 로그인 과정에 문제가 생기면 사전에 백업해 둔 원본 파일로 즉시 복원하여 원래 상태로 되돌립니다.

함께 보면 좋은 글

• 그누보드 로그인 페이지 소셜 로그인 버튼 가로 100% 레이아웃 수정 방법
• 그누보드에서 소셜 로그인 상태를 확인하고 분기 처리하는 방법