소셜 로그인
스토어 로그인 화면에 …로 계속하기 버튼을 추가합니다. 방문자는 인증 코드를 기다리는 대신 이미 가진 계정으로 로그인할 수 있습니다.
| 메뉴 | 설정 → 계정 |
| 패널 경로 | /admin/social-login |
| 필요한 권한 | Platform → Social Credential → View list |
작동 방식
제공업체마다 카드가 하나씩 있으며, 각각 따로 설정합니다. 제공업체는 Google, Apple, Kakao입니다.
화면에 Kakao 카드가 있지만, 저장하면 설정이 거부됩니다. 지금은 Google이나 Apple을 사용하세요.
카드에는 클라이언트 ID(없으면 아직 클라이언트 ID가 없습니다), 모바일 앱 ID 개수, 클라이언트 ID를 저장한 뒤에 쓸 수 있는 사용 스위치, 설정 버튼(구성을 마친 뒤에는 수정)이 표시됩니다.
| 상태 | 의미 |
|---|---|
| 사용 중 | 사용 설정과 구성 완료. 스토어에 버튼 표시 |
| 사용 안 함 | 구성은 마쳤지만 꺼 둔 상태 |
| 미설정 | 아직 클라이언트 ID를 입력하지 않은 상태 |
제공업체 설정
제공업체 카드에서 설정을 누르면 설정 창이 열립니다.
| 항목 | 참고 |
|---|---|
| {provider} 로그인 사용 | 스토어에 …로 계속하기 버튼 표시 |
| 클라이언트 ID | 제공업체 콘솔에서 발급. 사용 설정하려면 필수 |
| 클라이언트 시크릿 | 같은 곳에서 발급. 수정할 때 비워 두면 기존 값 유지 |
| 모바일 앱 ID | 토큰을 허용할 추가 ID(선택 사항, 쉼표로 구분, 최대 10개) |
| 등록할 반환 URL | Apple과 Kakao에만 표시되는 주소. 제공업체 콘솔에 이 주소를 그대로 등록. Google은 등록할 주소가 없음 |
화면에서 각 제공업체의 개발자 콘솔로 바로 이동할 수 있습니다.
등록할 주소는 화면에 정확히 표시됩니다. 제공업체는 인식하지 못하는 주소에서 오는 로그인을 거부하므로, 주소를 그대로 복사하세요.
모바일 앱 ID
| 제공업체 | 용도 |
|---|---|
| Apple | 앱에서 Apple로 로그인이 허용되도록 iOS 앱의 번들 ID 입력 |
| 토큰을 허용할 추가 클라이언트 ID. 앱은 보통 위의 클라이언트 ID를 사용 | |
| 기타 | 토큰을 허용할 추가 클라이언트 ID |
카드에는 제공업체별로 등록된 모바일 앱 ID 개수가 표시됩니다.
작업 순서
제공업체 쪽 준비가 끝나기 전에 사용 설정하면, 눌러도 작동하지 않는 버튼이 스토어에 생깁니다.
고객에게 보이는 화면
로그인 화면에는 기존의 인증 코드 로그인과 함께 구분선이 표시되고, 사용 중인 제공업체마다 …로 계속하기 버튼이 나타납니다. 소셜 계정으로 처음 로그인하면 계정이 만들어집니다.
상황별 예시
가입 이탈 줄이기
고객이 실제로 쓰는 제공업체 하나만 사용 설정하세요. 제대로 작동하는 버튼 하나가 버튼 네 개보다 낫습니다.
iOS 앱이 있는 경우
Apple을 설정하고 모바일 앱 ID에 앱의 번들 ID를 추가하세요. 그래야 앱 안에서 하는 로그인이 허용됩니다.
제공업체 버튼이 작동하지 않는 경우
자격 증명이 바뀌었거나 반환 URL 등록이 해제된 경우입니다. 제공업체 콘솔을 확인한 뒤, 이 화면에서 클라이언트 ID와 시크릿을 다시 입력하세요.
자주 묻는 질문
클라이언트 ID 없이 제공업체를 사용 설정할 수 있나요? 아니요. 설정 양식에서 클라이언트 ID를 반드시 입력해야 합니다.
입력한 클라이언트 시크릿을 다시 볼 수 있나요? 아니요. 수정할 때 비워 두면 기존 시크릿이 유지됩니다.
소셜 로그인으로 가입하면 회원가입 필드를 건너뛰나요? 아니요. 새 고객도 회원가입 필드에서 표시하거나 필수로 설정한 모든 항목이 담긴 가입 양식을 작성합니다.
자격 증명을 지우지 않고 제공업체를 끌 수 있나요? 네. 카드의 사용 스위치를 끄면 상태가 사용 안 함으로 바뀝니다.