Facebook 앱 관리 페이지로 이동합니다.
페이스북 로그인 설정 가이드
Dream Social Login 앱에서 페이스북 로그인을 활성화하기 위한 설정 방법을 안내합니다.
📋
시작 전에
페이스북 개발자 계정이 필요합니다. 아직 없다면 먼저 Facebook for Developers에서 가입해주세요.
개요
페이스북 로그인을 통해 전 세계 고객들이 자신의 페이스북 계정으로 빠르게 로그인할 수 있습니다. 필요한 정보(App ID, App Secret)는 Facebook for Developers에서 발급받아 앱에 입력합니다.
페이스북 API 정보 입력
Dream Social Login 앱의 Settings → API Keys → Facebook 메뉴에서 아래 정보를 입력하세요.
- App ID — Facebook 앱 ID
- App Secret — Facebook 앱 시크릿
- Valid OAuth redirect URIs —
https://shopidreamapps.com/facebook/auth
Redirect URI는 반드시
https://shopidreamapps.com/facebook/auth 와 정확히 일치해야 합니다.Facebook for Developers 설정 단계
1
2
앱 만들기 버튼을 클릭합니다.
3
비즈니스의 통합관리를 선택한 후 다음을 클릭합니다.
4
앱 유형에서 소비자를 선택한 후 다음을 클릭합니다.
5
앱 생성 양식을 작성합니다.
- 표시 이름: 원하는 앱 이름 입력
- 앱 연락처 이메일: 이메일 주소 입력
- 비즈니스 관리자 계정: 선택 후 앱 만들기 클릭
6
다양한 옵션 페이지에서 Facebook 로그인을 선택합니다.
7
WWW(웹) 항목을 선택합니다.
8
사이트 URL을 입력하고 저장한 후 계속 버튼을 클릭합니다.
9
Facebook 로그인 → 설정으로 이동하여 아래 항목을 설정합니다.
- 클라이언트 OAuth 로그인: 예
- 웹 OAuth 로그인: 예
- 유효한 OAuth 리디렉션 URI:
https://shopidreamapps.com/facebook/auth
입력 후 저장합니다.
10
설정 → 기본 메뉴에서 아래 항목을 입력하고 저장합니다.
- 표시이름
- 개인정보처리방침 URL
- 서비스약관 URL
11
페이지 상단의 앱 모드를 활성화합니다.
12
앱 모드 활성화를 확인합니다.
13
기본 설정 페이지에서 앱 시크릿 코드의 보기 버튼을 클릭합니다.
14
App ID와 App Secret을 복사합니다.
15
App ID와 App Secret을 Shopify 관리자 → Apps → Dream Social Login → API Keys → Facebook에 붙여넣기 후 저장합니다.
통합 확인
- 스토어프런트 로그인 페이지에서 페이스북 버튼이 표시되는지 확인
- 페이스북 계정으로 테스트 로그인하여 정상 작동하는지 확인
- Shopify 고객 목록에서 페이스북 로그인 이력 확인
FAQ
앱 검수가 필요한가요?
이메일과 프로필 정보 같은 기본 권한은 별도 검수 없이 사용 가능합니다. 추가 권한이 필요하면 검수가 필요할 수 있습니다.
앱 모드를 활성화하지 않으면 어떻게 되나요?
앱 모드가 활성화되어 있지 않으면 개발자 본인만 로그인 가능하고, 일반 고객은 로그인할 수 없습니다.