Step1: 스토어 정보 설정하기
1) 포탈 로그인페이지 [마이스토어 > 마이스토어 설정 > 스토어 정보] 클릭
2) 아래 스토어 정보를 설정해주세요.
스토어 이름 입력
스토어 로고 설정
스토어 파비콘 설정
스토어 색상 설정
스토어의 버튼 등 Key 컬러만 변경 가능하며, 그 외의 다른 요소들은 변경이 불가해요.
CS 정보 입력
Step2: 가입/로그인 폼 설정하기
1) 포탈 관리자페이지 [마이스토어 > 마이스토어 설정 > 가입/로그인 설정] 클릭
2) 계정 형식 선택해주세요.
아이디 기반 또는 이메일 기반
선택한 계정 형식에 맞춰 로그인 폼은 자동 설정됩니다.
3) 입력 필드를 셋팅해주세요.
아이디, 이메일, 비밀번호는 필수 입력 필드입니다.
커스텀 필드가 필요할 경우, 우측 하단의 [새 필드 추가하기] 버튼을 클릭하여 커스텀 필드를 추가합니다.
폼 셋팅을 모두 마친 후, [저장] 버튼을 클릭합니다.
Step3: 소셜 로그인 설정하기
해당 기능 설정 시 로그인페이지에 카카오, 네이버 소셜 계정을 통해 간편하게 로그인 할 수 있습니다.
⚠️ 회원가입 폼에서 '이메일'이 필수 항목이 아닐 경우, 소셜 로그인 사용에 제한이 있거나 오류가 발생할 수 있습니다. 소셜 로그인 사용을 원할 경우 회원가입 폼에서 이메일을 필수로 받아주세요.
💚 네이버 로그인 설정하기
네이버 개발자 센터 설정
1) 네이버 개발자 센터에 접속합니다.
2) 네이버 계정으로 로그인합니다.
3) 상단 메뉴 [Application > 애플리케이션 등록]을 클릭합니다.
4) 약관동의 및 계정 정보 등록을 마쳐주세요.
5) 애플리케이션 등록(API 이용신청)을 작성합니다.
애플리케이션 이름: 사이트 이름을 입력합니다.
사용 API: 네이버 로그인을 선택합니다.
사용 API 제공 정보 선택에서 필요한 항목을 필수로 체크합니다. 회원이름, 이메일, 별명, 프로필 사진, 성별 중 사이트에 필요한 항목들을 필수로 체크합니다. (생일, 연령대는 지원되지 않습니다.)
실제 내 웹사이트에 사용 중인 정보만 필수로 선택해야 합니다. 추후 관련 스크린샷을 제출해야 합니다.
로그인 오픈 API 서비스 환경
서비스 URL: 내 사이트 도메인을 입력합니다.
네이버 로그인 Callback URL: 포탈에서 복사 후 입력합니다.
Callback URL 확인하는 법: 스텝페이 포탈 [마이스토어 설정 > 가입/로그인 설정 > 소셜 로그인 탭 > 네이버 로그인 설정함 클릭 > Redirect URL 복사]
6) [등록하기] 버튼을 클릭해주세요.
7) 애플리케이션 정보 Client ID와 Client Secret 값을 복사하여 잘 메모해 주세요.
API 설정하기
1) 네이버 개발자 센터에서 내 애플리케이션에서 API 설정 탭을 클릭합니다.
2) [파일선택]을 클릭해 로고 이미지 등록 후 [수정] 버튼을 클릭합니다.
3) 애플리케이션 개발 상태에서 [검수요청 하러 가기] 버튼을 클릭합니다.
4) 아래와 같이 검수 요청 사항 체크 표시 후 [검수 요청]을 클릭합니다.
검수 요청 가이드 확인: 체크표시 해주세요.
네이버 로그인을 통한 신규 회원 가입에 적용: 체크표시 해주세요.
네이버 로그인 이용 절차를 확인할 수 있는 캡쳐파일 첨부: 자세한 내용은 하단 내용을 확인하여 첨부해 주세요.
추가 제출 서류 확인: '없음' 체크 표시 해주세요.
네이버 로그인 이용 절차를 확인할 수 있는 캡쳐파일 첨부시 주의 사항 (아래 Tip은 스텝페이의 고객사인 현대전자칠판에서 테스트를 해주신 후 공유하여 주신 귀한 정보입니다. 다시한번 공유해주신 현대전자칠판사에 감사드립니다 😊)
마이스토어에 네이버 로그인을 설정하여 테스트를 하실 경우, 네이버 디벨로퍼 설정시 로그인 하셨던 네이버 아이디로만 로그인이 가능합니다.
만약 캡쳐를 위해 마이스토어에서 네이버 로그인을 진행하실 경우 ‘단체 아이디는 네이버 아이디로 로그인이 지원되지 않습니다’ 라는 메세지가 뜬다면 해당 단체 아이디에 개인 아이디를 관리자로 등록한 후 개인 아이디로 로그인 테스트를 진행하실 수 있습니다.
캡쳐 파일의 개인정보는 모자이크 처리해서 검수 요청을 하셔야 합니다.
※ 최대 검수는 몇 일이 소요될 수 있습니다. 반드시 안내에 따라 추가 서류를 제출해주세요.
마이스토어 설정하기
1) 스텝페이 포탈 관리자페이지 [마이스토어 > 설정 > 폼 설정 > 네이버 로그인]을 '설정함'으로 클릭 후 위 7번에서 복사한 값을 각각 넣어주세요.
2) 상단 [저장] 버튼을 클릭합니다.
💛 카카오 소셜 로그인 설정하기
※ 실명 수집이 필요한 경우 및 원활한 사용을 위해 비즈앱 인증을 권장드립니다.
카카오 개발자센터 설정하기
1) 카카오 개발자센터에 접속합니다.
2) 로그인을 진행합니다.
애플리케이션 추가하기
1) 상단 메뉴에서 [내 애플리케이션] 클릭합니다.
2) [애플리케이션 추가하기] 버튼을 클릭합니다.
4) 아래 항목을 작성한 후 [저장]을 클릭합니다.
앱 아이콘 (선택)
앱 이름 (예. 내 사이트 이름)
사업자명
앱 설정하기
1) 생성된 애플리케이션을 클릭합니다.
2) 좌측 메뉴 [앱 설정 > 플랫폼] 메뉴 클릭 후 [Web 플랫폼 등록] 버튼을 클릭합니다.
3) Web 플랫폼 등록 팝업에서 사이트 도메인 입력 후 [저장] 합니다.
4) 제품설정에서 동의항목을 클릭 후 아래 1)닉네임 2)프로필 사진 3)카카오계정(이메일) 항목들의 설정을 클릭합니다.
4-1) 닉네임 설정 클릭 > '필수동의' 선택 > 동의목적 작성 > 저장 버튼 클릭
4-2) 프로필 사진 설정 클릭 > '필수동의' 선택 > 동의목적 작성 > 저장 버튼 클릭
4-3) 카카오계정(이메일) 설정 클릭 > '필수동의' 혹은 '선택동의' 선택 > 동의목적 작성 > 저장 버튼 클릭
5) 제품설정에서 카카오 로그인 클릭 > 활성화 설정 상태를 ON 으로 변경합니다.
6) Redirect URL 등록을 클릭합니다.
7) Redirect URL을 포탈에서 복사한 뒤, 붙여넣기 후 저장을 클릭합니다.
Redirect URL 확인하는 법 : 스텝페이 포탈 > 마이스토어 설정 > 가입/로그인 설정 > 소셜 로그인 탭 > 카카오 로그인 설정함 클릭 > Redirect URL 복사
앱 키 복사하기
1) 앱 설정 > 앱키를 클릭하여 REST API 키 값을 복사합니다.
마이스토어 설정하기
1) 스텝페이 포탈 로그인을 진행해주세요.
2) [마이스토어 > 설정 > 폼 설정] 카카오 로그인 '설정함' 으로 클릭 후 바로 위에서 복사한 값을 넣어주세요.
3) 오른쪽 상단의 [저장] 버튼을 눌러주세요.