문의하기

본문 영역

환경 설정

SNS 설정 · 페이스북 로그인

  • 이용가이드
  • 작성자 : 안목
  • 작성일 : 2026-10-07
  • 조회수 : 6

손님이 페이스북 계정으로 비밀번호 없이 가입·로그인하게 합니다. 페이스북 개발자 사이트에서 키를 받아 이 탭에 넣습니다.

페이스북 탭 열기와 항목

왼쪽 메뉴 환경 설정 → SNS 설정을 누르고, 위쪽 탭에서 페이스북를 누릅니다.

페이스북 탭. 1번 페이스북 사용 칸과 개발자 사이트 주소·콜백 URL 안내, 2번 App ID, 3번 App Secret 칸에 번호가 있습니다. 콜백 주소는 흐리게 가려져 있습니다.
그림 1페이스북 탭
  1. 페이스북 — 「사용」에 체크하면 페이스북 로그인 단추가 나옵니다. 아래에 개발자 사이트 주소(developers.facebook.com)와 페이스북 쪽에 등록할 콜백 URL 이 적혀 있습니다.
  2. App ID — 페이스북 앱의 앱 ID 를 넣습니다. 「사용」을 켜려면 이 칸이 꼭 있어야 합니다.
  3. App Secret — 같은 앱의 앱 시크릿 코드를 넣습니다.

페이스북 개발자 사이트에서 키 받기

1번 칸의 파란 주소를 누르면 페이스북 개발자 사이트가 새 창으로 열립니다. 아래는 대략의 순서입니다. 그쪽 사이트의 메뉴 이름은 자주 바뀌니, 낱말이 조금 달라도 같은 뜻의 메뉴를 찾으세요.

  • developers.facebook.com 에 페이스북 계정으로 로그인하고 개발자로 등록합니다.
  • 앱을 새로 만들고, 페이스북 로그인 기능을 더합니다.
  • 페이스북 로그인 설정의 유효한 OAuth 리디렉션 URI 에 이 화면 1번 칸 맨 아래 굵은 글씨 주소를 그대로 복사해 넣습니다. 내 홈페이지 주소 뒤에 /path/sns_callback.php 가 붙은 꼴입니다(그림에서는 가려 두었습니다).
  • 앱의 기본 설정에서 앱 ID 와 앱 시크릿 코드를 복사해 2번·3번 칸에 넣습니다.
  • 앱을 공개(라이브) 상태로 바꿔야 모든 손님이 로그인할 수 있습니다. 공개할 때 개인정보처리방침 주소 같은 정보를 요구합니다.

넣고 켜기

  • 받은 값을 칸에 붙여 넣고, 1번 사용에 체크합니다.
  • 사용 설정 탭의 「소셜로그인 설정 → 사용」도 켜져 있어야 단추가 나옵니다. 둘 다 켜야 합니다.
  • 오른쪽 위 적용을 누릅니다.
  • 로그아웃한 상태로 홈페이지 로그인 화면을 열어 동그란 페이스북 단추가 보이는지, 눌러서 로그인되는지 확인하세요.

여기까지 확인했나요

  • 페이스북 개발자 사이트에 이 화면의 콜백 주소를 그대로 등록했습니다.
  • 페이스북 탭의 칸을 채우고 「사용」에 체크했습니다.
  • 「사용 설정」 탭의 소셜로그인도 켜고 「적용」을 눌렀습니다.
  • 로그아웃한 상태로 홈페이지 로그인 화면에서 페이스북 단추를 눌러 들어가 보았습니다.