페이스북 소셜 로그인 API 설정 방법
Facebook 앱 ID 및 비밀을 얻는 방법
먼저 FB 계정에 로그인하고 앱 관리 페이지 로 이동 합니다.
"앱 만들기" 버튼을 클릭합니다.
“비즈니스의 통합관리”를 선택하고 다음을 누릅니다.
앱 유형은 “소비자”를 선택하고 다음을 누릅니다.
그러면 팝업에 앱 생성 양식이 표시됩니다.
- 표시 이름: 원하는 이름을 적으면 됩니다. (예시: 페이스북 로그인)
- 앱 연락처 이메일: 이메일을 적습니다.
- 비즈니스 관리자 계정: 비즈니스 계정을 선택하고 앱만들기를 눌러서 진행합니다.
- 마지막으로 앱 만들기 버튼을 클릭합니다.
팝업에 인증 코드를 입력하라는 메시지가 표시될 수 있습니다. 해당 필드를 채우고 앱 생성을 진행합니다. 완료되면 다양한 옵션이 있는 페이지가 표시됩니다. "Facebook 로그인"을 선택하세요.
다음 페이지에서 "WWW(웹)" 항목을 선택합니다.
작성해야 하는 양식이 있는 다음 페이지가 표시됩니다.
사이트 URL을 입력하고 저장합니다. 완료되면 "계속" 버튼을 사용할 수 있습니다. 사용해. 앱에서 코드를 생성하지만 여기에서 다음 단계를 모두 건너뛸 수 있습니다.
왼쪽 사이드바 메뉴 “Facebook 로그인”에서 “설정”으로 이동합니다.
다음 페이지에서 아래처럼 설정합니다.
- 클라이언트 OAuth 로그인: 예
- 웹 OAuth 로그인: 예
- 유효한 OAuth 리디렉션 URI: https://shopidreamapps.com/facebook/auth (반드시 동일하 주소를 입력해야합니다.)
- 변경 내용 저장 버튼을 누릅니다.
왼쪽 사이드바에서 설정 -> 기본을 클릭합니다. 표시이름, 개인정보처리방침 URL, 서비스약관 URL을 입력하고 “변경내용저장” 버튼을 누릅니다.
완료되면 페이지 상단의 앱모드를 활성화합니다.
이제 Shopify 스토어에서 사용할 수 있습니다. 이제 App ID와 App Secret을 복사해야 합니다. 기본 설정 페이지에서 오른쪽 위의 앱 시크릿 코드 “보기” 버튼을 눌러서 복사합니다.
이 작업을 확인하기 위해 FB 비밀번호를 입력하라는 메시지가 표시됩니다. 완료되면 필요한 모든 정보가 표시됩니다.
- 앱 ID 복사
- 앱 암호 복사
그런 다음 앱 ID와 앱 암호를 Dream Social Login(드림 간편 로그인) 앱의 관리자에서 API Key 의 페이스북 App ID와 App Secret 칸에 붙여넣기 합니다. (앱 -> Dream 소셜 로그인 -> API 키 -> Facebook).
변경 사항을 저장합니다.