클릭엔

자주 묻는 질문 🤔
홈페이지 기능
쇼핑몰 기능
디자인 모드
부가기능
thumbnail

애플 아이디로 로그인

애플 로그인 기능을 사용하기 위한 연동 방법

애플 로그인 설정방법

애플 로그인 기능을 사용하기 위해서는 애플 개발자 센터에서 App ID, Services ID, Key 를 생성해 주셔야 해요.

Apple Developer

Apple 플랫폼에서 개발할 절호의 기회입니다

Apple Developer

Apple Developer

1. 애플 개발자 계정 만들기

애플 로그인 연동을 위한 설정값을 생성하기 위해서는 개발자 계정을 이용해 주셔야해요.

개발자 계정 생성에 대한 자세한 내용은 아래 애플 고객센터 안내 내용을 참고해 주세요.

멤버십 가입하기 - Apple Developer Program

Apple Developer Program에 등록하기 위해 필요한 사항을 알아보세요.

Apple Developer

Apple Developer

주의사항

애플 개발자 계정 등록에는 1년 / 99 달러 (약 120,000원) 이 발생하며,

계정 등록 완료까지 최대 3주까지 소요될 수 있어요.

2. App ID 생성하기

애플 개발자 센터에 개발자 계정으로 로그인한 아래 메뉴를 순서대로 클릭해 주세요.

  • Account (계정) > Program resources (프로그램 리소스) 클릭

  • Certificates, Identifiers & Profiles (인증서, 식별자 및 프로파일) > Identifiers (식별자 클릭)

Identifiers 우측 + 버튼 클릭

App IDs 선택 > Continue > App 선택 > Continue

Register an App ID에 다음 정보들을 입력해 주세요.

  • Description : App ID 의 설명을 입력해 주세요.

  • Bundle ID : explicit 선택 하고 사이트의 도메인을 역순으로 입력해 주세요.

ex) domain.co.kr 을 사용중일 경우,

> kr.co.domain 으로 입력해 주세요.

  • Capabilities : Sign in with Apple 을 선택하고 Continue 버튼을 클릭해 주세요.

설정 정보를 확인하고 App ID Prefix 값을 복사해 주세요.

3. Service ID 설정하기

Identifiers 우측 + 버튼 > Services IDs 클릭

Register an Services ID 에 다음 정보들을 입력해 주세요.

  • Description : Services ID 의 설명을 입력해 주세요.

  • Bundle ID : Services ID의 구분값을 도메인의 역순으로 입력해 주세요.

ex) domain.co.kr 을 사용중일 경우,

> kr.co.domain 으로 입력해 주세요.

설정 정보를 확인하고 Identifier 정보를 복사해 주세요.

이제 Identifiers 목록에서 생성한 Services ID를 클릭해 주세요.

sign in with Apple 에 체크 하고 Configuer 버튼을 클릭해 주세요.

Web Authentication Configuration 화면에서 아래 정보를 순서대로 입력해 주세요.

  • Primary App ID : 2번에서 생성한 App ID를 선택해 주세요.

  • Domains and Subdomains : 사이트의 도메인 주소를 입력해 주세요.

  • Return URLs : 아래 4개의 URL을 모두 입력해 주세요.

https://대표 도메인/members/social/apple/login,

https://대표 도메인/members/social/apple/join,

https://대표 도메인/members/mypage/social/apple/unlink,

https://대표 도메인/members/mypage/social/apple/link

주의사항

Return URL은 https:// 프로토콜을 반드시 입력해야 합니다.

아래 Return URL을 사용중인 도메인으로 수정한 후 모두 입력해 주세요.

( URL은 콤마 (,) 로 구분됩니다.)

4. Key 설정하기

Certificates, Identifiers & Profiles > Keys > +버튼을 클릭해 주세요.

Key Name 입력 > Sign in with Apple 에 체크 > Configure 를 클릭해 주세요.

2번에서 생성한 App ID를 선택하고 Save 버튼으로 저장하고 입력된 정보를 확인해주세요.

정보를 확인한 후에는 Continue > Register 버튼을 클릭해 주세요.

Download 버튼을 클릭하면 Key 파일을 다운로드 받고 Key ID를 복사해 주세요.

주의사항

Key 파일은 1회만 다운로드 받을 수 있습니다.

분실하지 않도록 잘 보관해 주세요.

5. 클릭엔과 연동하기

이제 운영중인 사이트에서 애플 로그인을 사용하기 위한 준비가 끝났어요.

관리자 페이지 > 부가기능 > SNS로그인 > 애플 로그인을 활성화한 후 복사해둔 설정값과 Key 파일을 등록해 주세요.

6. 연동 완료

이제 운영중인 사이트에서 애플 아이디로 회원가입과 로그인을 사용할 수 있어요.

참고사항

모바일 앱 제작시 애플 정책에 따라 사이트에서 네이버, 카카오, 구글 등

타 SNS로그인 기능을 사용중이라면 애플 로그인도 필수로 설정해 주셔야해요.