Skip to main content

SNS 매체별 Client(App) ID 발급 방법 - 애플 로그인 설정 방법

Apple ID 로그인 설정은 어떻게 해야 하나요?

Apple ID 로그인을 연동하기 위해서는 우선 Apple Developer에서 'App ID, Services ID, Key'를 설정해야 해요.

자세히 알아보기

Apple ID 로그인 연동 전 준비하기

쇼핑몰에 Apple ID 로그인을 연동하기 위해서는 Apple Developer에서 'App ID, Services ID, Key'를 설정해야 해요.

설정을 위해 반드시 Apple Developer 계정이 있어야 해요.

그리고 서비스 중인 App이 있어야 해요.

Info

 

로그인 연동을 위한 필수 정보 확인하기

Apple Developer에서의 설정을 위한 쇼핑몰 정보를 준비해 주세요.

필요한 정보는 아래와 같아요.

설정을 위해 PC 메모장 등에 미리 기록해 두세요.

  1. 대표 도메인/멀티몰 대표 도메인

  2. 모바일 도메인/멀티몰 모바일 도메인

  3. Return URLs

    1, 2번에서 작성한 도메인들의 Return URL을 작성해 주세요.
    대표 도메인이 samplemall.com 이면, Return URL은 https://samplemall.com/Api/Member/Oauth2ClientCallback/apple/ 과 같이 작성해요.

    • https://대표 도메인/Api/Member/Oauth2ClientCallback/apple/
    • https://www.대표 도메인/Api/Member/Oauth2ClientCallback/apple/
    • https://모바일 도메인/Api/Member/Oauth2ClientCallback/apple/
    • https://멀티몰 대표 도메인/Api/Member/Oauth2ClientCallback/apple/
    • https://멀티몰 모바일 도메인/Api/Member/Oauth2ClientCallback/apple/

 

Note

Return URL은 'https://' 프로토콜만 등록할 수 있어요.

'http://' 프로토콜을 사용한다면, 'https://'로 변경한 후에 Apple ID 로그인 설정을 진행해 주세요.

설정 방법 보기

 

Apple Developer에서 App ID, Services ID, Key 설정하기

애플 개발자센터 https://developer.apple.com/ 에 접속하여 개발자 계정으로 로그인해 주세요.

1) App ID 설정하기

  1. 위쪽 메뉴에서 'Account' 버튼을 눌러 주세요.
    그다음 Program resources 영역의 Certificates, Identifiers & Profiles > 'Identifiers' 버튼을 눌러 주세요.

  2. Identifiers 옆에 있는 파란색 + 아이콘을 눌러 주세요.

  3. Register a new identifier 화면에서 App IDs를 선택해 주세요.
    그리고 'Continue' 버튼을 눌러 주세요.

  4. Select a type에서 App을 선택해 주세요.
    그리고 'Continue' 버튼을 눌러 주세요.

  5. Register an App ID 화면에서 아래 정보들을 입력해 주세요.
    그리고 'Continue' 버튼을 눌러 주세요.
    • App ID Prefix: 여러 개가 나온다면 사용할 Team ID를 선택해 주세요.
    • Description: APP ID의 설명을 입력해 주세요.
    • Bundle ID: explicit를 선택하고, App ID의 구분값을 아래와 같은 형식으로 입력해 주세요.
      예시. com.쇼핑몰명.applelogin
    • Capabilities: Sign In with Apple를 체크해 주세요.

  6. App ID Prefix의 Team ID 값을 메모해 두세요.
    그리고 'Register' 버튼을 눌러 주세요.

 

2) Services ID 설정하기

  1. 상단 메뉴에서 'Account' 버튼을 눌러 주세요.
    Program resources 영역의 Certificates, Identifiers & Profiles > 'Identifiers' 버튼을 눌러 주세요.

  2. Identifiers 옆에 있는 파란색 + 아이콘을 눌러 주세요.

  3. Register a new identifier 화면에서 Services IDs를 선택해 주세요.
    그리고 'Continue' 버튼을 눌러 주세요.

  4. Register a Services ID 화면에서 아래 정보들을 입력해 주세요.
    그리고 'Continue' 버튼을 눌러 주세요.
    • Description: Services ID의 설명을 입력해 주세요.
    • Identifiers: Services ID의 구분값을 입력해 주세요.
                         Bundle ID와는 다르게 입력해야 해요.
      예시. com.쇼핑몰명.applelogin.service

  5. 'Register' 버튼을 눌러 주세요.

  6. 이동된 Identifiers 목록에서 방금 생성한 Services ID를 눌러 주세요.

  7. Sign In with Apple에 체크해 주세요.
    그리고 'Configure' 버튼을 눌러 주세요.

  8. Web Authentication Configuration 화면에서 아래 정보를 입력해 주세요.
    • Primary App ID: 위에서 생성한 App ID를 선택해 주세요.
    • Domains and Subdomains
      • 미리 메모해 두었던 도메인을 모두 입력해 주세요.
      • http://, https:// 와 같은 프로토콜은 제외하고 입력해야 해요.
      • 여러 개를 입력하면 콤마(,)로 구분하여 등록할 수 있어요.
    • Return URLs
      • 미리 메모해 두었던 Return URLs을 모두 입력해 주세요.
      • 도메인 앞에 https:// 프로토콜을 반드시 입력해야 해요.
      • 여러 개를 입력하면 콤마(,)로 구분하여 등록할 수 있어요.

  9. 'Next' 버튼을 눌러 주세요.
    입력한 정보를 확인하고, 'Done' 버튼을 눌러 주세요.

  10. 화면에 보여지는 Identifier 값을 메모해 주세요.
    'Continue' 버튼을 누르고, 'Save' 버튼을 눌러 주세요.

 

3) Key 설정하기

  1. 상단 메뉴에서 'Account' 버튼을 눌러 주세요
    Program resources 영역의 Certificates, Identifiers & Profiles > 'Keys' 버튼을 눌러 주세요.

  2. Keys 옆에 있는 파란색 + 아이콘을 눌러 주세요.

  3. Register a new Key 화면에서 Key Name을 입력해 주세요.
    아래 Sign In with Apple에 체크해 주세요.
    그리고 'Configure' 버튼을 눌러 주세요.

  4. Configure Key 화면의 Primary App ID 항목에 위에서 설정한 App ID를 선택해 주세요.
    그리고 'Save' 버튼을 눌러 주세요.

  5. 입력된 정보를 확인하고 'Continue' 버튼을 눌러 주세요.
    그리고 'Register' 버튼을 눌러 주세요.

  6. Download Your Key 화면에서 'Download' 버튼을 눌러 주세요.
    Key 파일을 다운로드해 주세요.
    • Key 파일은 1회만 다운로드할 수 있어요.
      잘 보관해 주세요.

  7. 화면에 보여지는 Key ID 값을 메모해 두세요.
    그리고 'Done' 버튼을 눌러 주세요.

 

쇼핑몰 SNS 로그인 연동 설정하기

  1. [관리자] 쇼핑몰 설정 > 고객 설정 > '회원 가입 · 로그인 > SNS 로그인연동 관리' 로 이동해 주세요.

  2. 애플 로그인을 '사용함'으로 선택해 주세요.
    그리고 아래 정보들을 입력해 주세요.
    • Services ID
      • Services ID 설정할 때 메모해 두었던 Identifiers를 입력해 주세요.
      • Apple Developer > Account > Certificates, Identifiers & Profiles > Identifiers 목록에서 위 오른쪽 끝 App IDs를 Services IDs로 변경하여 확인할 수 있어요.
    • Team ID
      • App ID 설정할 때 메모해 두었던 Team ID를 입력해 주세요.
      • Apple Developer > Account > Certificates, Identifiers & Profiles > Identifiers 목록에서 설정할 App ID를 눌러 확인할 수 있어요.
    • Key ID
      • Key 설정할 때 메모해 두었던 Key ID를 입력해 주세요.
      • Apple Developer > Account > Certificates, Identifiers & Profiles > Keys 목록에서 설정할 Key를 눌러 확인할 수 있어요.

  3. 아래의 '저장' 버튼을 눌러 주세요.
    설정한 내용이 저장되어요.

Info

애플에 로그인할 때, 기본몰과 멀티몰에서 Services ID, Team ID, Key ID를 공통으로 사용해요.

기본몰에서 정보를 입력할 때 멀티몰에도 똑같은 정보로 자동 반영되어요.

멀티몰별로 각각 생성하지 않아도 되어요.

Apple Developer에서 Services ID를 설정할 때 Return URLs에 각 멀티몰 도메인을 모두 입력해 주세요.

 

디자인 수정

해당 기능을 사용하기 위해서는 디자인을 수정해야 해요.

디자인 수정 방법은 아래 내용을 참고해 주세요.

 

 

연관 콘텐츠

가이드

Comments

Post a Comment

Popular posts from this blog

SNS 매체별 Client(App) ID 발급 방법 - 구글 로그인 설정 방법

  구글 클라이언트(앱) 아이디를 발급받으려면 어떻게 해야 하나요? 구글 개발자센터에서 프로젝트를 생성하여 발급 받을 수 있어요. 쇼핑몰에 구글 로그인 연동을 위해서는 구글 클라이언트(앱) ID를 발급 받아야 해요. 자세히 알아보기 구글 개발자센터 가입 구글 로그인 연동을 위해  구글 개발자센터  로 이동하여 로그인 해 주세요. 기존 생성한 구글 계정이 없는 경우에는 '계정 만들기'를 클릭하여 구글 계정을 생성해 주세요.   프로젝트 생성 구글 클라이언트 ID를 생성하기 위해서는 먼저 새로운 프로젝트를 등록해야 해요. 서비스 약관을 확인하고 '동의' 버튼 클릭 후, '사용 설정된 API 및 서비스'에서 '프로젝트 만들기' 버튼을 클릭해 주세요. (상단의 '프로젝트 선택 > 새 프로젝트' 클릭도 가능) 새 프로젝트 등록 화면이 표시되면, '프로젝트 이름' 입력하고 '만들기' 버튼을 클릭하여 새로운 프로젝트를 생성해 주세요.   OAuth 동의 화면 정보 입력 'API 및 서비스 > OAuth 동의 화면'으로 이동해 주세요. 'User Type'을 '외부'로 선택 후 '앱 등록 수정'으로 이동해 주세요. 앱 이름, 승인된 도메인 등의 정보를 입력 후 '저장 후 계속' 버튼을 클릭해 주세요. '승인된 도메인' 입력 시 프로토콜(http:// 또는 https://)은 제외해야 하며, 경로(test.com /path )를 포함해선 안돼요.   클라이언트 ID 생성 새 프로젝트가 생성되면 'API 및 서비스 > 사용자 인증 정보'에서 '사용자 인증 정보 만들기(CREATE CREDENTIALS) > OAuth 클라이언트 ID'를 선택해 주세요. 애플리케이션 유형은 '웹 애플리케이션' 유형을 선택하고 '승인된 자바스크립...
Read more

SNS 매체별 Client(App) ID 발급 방법 - 야후재팬 로그인 설정 방법

Image
  야후 재팬 클라이언트(앱) 아이디를 발급받으려면 어떻게 해야 하나요? 야후 재팬 개발자센터 에서  클라이언트(앱) 아이디를 발급  받아 등록할 수 있어요. 야후 재팬 로그인을 등록하면, 야후 재팬 계정을 가지고 있는 회원이 해당 계정으로 쇼핑몰에 회원 가입을 할 수 있어요. 야후 재팬 계정 로그인 연동을 위해서는  클라이언트(앱) 아이디가 필요 하며, 야후 재팬 클라이언트(앱) 아이디는 야후 재팬 개발자 센터에 회원 가입 후 애플리케이션을 등록하여 발급 받을 수 있어요.   자세히 알아보기 야후재팬 개발자센터 회원 가입 방법 1)  야후 재팬 개발자 센터  로 이동해 주세요. 2) 화면 상단에 있는  '新規取得 ' 버튼을 클릭하여 회원가입을 진행해 주세요.     Note - 야후 재팬 회원가입 시 유의사항 ※ 야후 재팬 회원 가입 시 일본 내에서 SMS 인증이 가능한 휴대전화 번호가 필요해요.   야후재팬 클라이언트(앱) 아이디 발급 및 도메인 설정 방법 1) 회원가입 또는 로그인이 완료되면 다음과 같은 화면으로 이동되어요. ' 新しいアプリケーションを開発アプリケーション一覧 ' (애플리케이션 생성) 버튼을 클릭해 주세요.   2) 애플리케이션 생성을 누르면, 해당 화면으로 이동합니다. 아래 순서대로 진행이 필요해요. ID連携利用有無  (ID 연계 이용 유무) 에  ID連携を利用する  (ID 연계 사용) 를 선택해 주세요. 属性取得APIを利用しますか？ (속성 취득 API 사용 여부) 에  属性取得APIを利用する  (속성 취득 API 사용) 을 선택해 주세요. アプリケーションの種類  (애플리케이션 종류) 에  サーバーサイド（Yahoo! ID連携 v2） (서버 사이드 Yahoo ID V2) 를 선택해 주세요. 属性取得APIで追加して取得する情報  (API로부터 취득하는 정보) 에 ...
Read more

SNS 매체별 Client(App) ID 발급 방법 - 네이버 로그인 설정 방법

  네이버 로그인을 처음으로 등록하려는데 좀 더 쉽게 등록할 순 없나요? 네이버 로그인 플러스를 이용하면 네이버 로그인을 쉽게 등록할 수 있어요. 자세히 알아보기 네이버 로그인 플러스를 이용하여 네이버 로그인을 설정하는 방법 'SNS 로그인 연동 관리(또는 판매채널>네이버>네이버 로그인)'에서  '네이버 로그인 플러스 신청하기'  버튼을 선택해 주세요. 이때, 쇼핑몰에 '네이버 로그인 플러스'앱이 자동으로 설치 진행되어요.  네이버 로그인 앱을 관리할 쇼핑몰의 네이버 계정으로 로그인해 주세요. '네이버 로그인 플러스' 팝업에서 이용정보를 읽고 '동의'를 선택해 주세요. '애플리케이션 등록' 버튼을 선택해서 애플리케이션 이름과 로고 이미지를 입력한 후 '다음' 버튼을 선택해 주세요. 이때, 원래 사용하고 있던 앱이 있다면 원래 사용하던 앱의 이름/ Client ID/ 생성일을 확인한 후 사용하던 앱을 그대로 선택해서 연결해 주세요. 해당 앱을 통해 가입하는 회원에게 마케팅 메시지를 보낼 수 있는 톡톡 계정을 등록해 주세요. 애플리케이션과 톡톡 계정 등록이 완료되었다면, 내 애플리케이션/ 톡톡 정보를 확인해 주세요. 정보가 맞다면 '적용하기' 버튼을 선택해 주세요. 이제 모든 설정이 완료되었어요.   Info '네이버 로그인 플러스'로 '네이버 로그인'을 설정하면 좋은 점 SNS 로그인의 가장 큰 장점은 신규 회원 가입 동선을 최소화할 수 있다는 점이에요. '네이버 로그인 플러스'는 그 동선을 더 짧게 해 드릴 거예요. '네이버 로그인'을 설정한 몰은 쇼핑몰 회원이 네이버로 가입할 때, [네이버 회원 정보]가 쇼핑몰의 [회원 가입 항목]을 모두 충족하고 있다면 기존에 카페24에 가입할 때 입력해야 했던 SNS 간편 가입 창을 생략해 드려요. (예시)  쇼핑몰 SNS 회원 가입 항목 중...
Read more

SNS 매체별 Client(App) ID 발급 방법 - 라인 로그인 설정 방법

  라인 클라이언트(앱) 아이디를 발급받으려면 어떻게 해야 하나요? 라인 아이디로 쇼핑몰에 로그인할 수 있게 하려면 '라인 Client ID, Client Secret 키값'을 발급 받아야 해요. 해당 아이디와 키값은 '라인 개발자 센터'에서 개발자 등록 후 채널을 등록하여 발급 받을 수 있어요. 자세히 알아보기 라인 Client ID, Client Secret 키값 발급 방법 라인 개발자 센터  로 이동하여 '로그인'을 클릭해 주세요. 크롬(Chrome) 브라우저 이용을 권장해요. 기존 라인 계정이 있다면 해당 계정으로 로그인을 하고, 라인 계정을 없다면 회원 가입 후 로그인 해 주세요. 라인 개발자 계정을 생성해 주세요. (최초 로그인 시 한 번) Developer name과 Your email을 입력 후 LINE Developments Agreement 에 동의 체크 하고 'Create my account' 버튼을 클릭해 주세요. 로그인 후 표시되는 화면에서 'Create New provider' 버튼을 클릭해 주세요. Create a new provider 창이 열리면 'Provider name(제공 업체명)' 입력 후 'Create' 버튼을 클릭해 주세요. 다음 단계에서 'Channels(탭) > Create a LINE Login channel'을 선택해 주세요. 채널 생성에 필요한 정보를 입력 후, 이용 약관에 동의 한 뒤 'Create' 버튼을 클릭해 주세요. App types은 'Web app'에 체크해 주세요. 생성된 Channel 정보 화면이 표시되면 'LINE Login(탭)'을 클릭하여 'Callback URL' 영역의 'Edit' 버튼을 클릭해 주세요. 아래 안내에 따라 Callback URL을 입력해 주세요. 입력을 완료하였다면 'Upda...
Read more

SNS 로그인을 사용할 때 개인정보 처리 방침 작성하기

  SNS 로그인을 사용할 때 개인정보 처리 방침 작성하기 SNS 로그인 연동 설정에 따른 개인정보 처리 현황을 쇼핑몰의 개인정보 처리 방침에 포함하여 공개해야 해요. SNS 로그인 연동을 위해 해당 SNS 업체로부터 제공받는 개인정보들이 있어요. 이렇게 제공받아 쇼핑몰에서 처리하고 있는 각각의 개인정보 항목을 개인정보 처리 방침에 기재해 주세요. 로그인 연동 설정한 SNS 업체별로 제공받는 개인정보 항목을 명확하게 기재해야 해요. 필수/선택 수집 항목을 구분하여 기재해야 해요. 카페24 솔루션 설정을 통해 업체로부터 제공받는 개인정보 외에 추가적인 개인정보를 수집하여 처리한다면 해당 내용도 기재해야 해요. [관리자] 쇼핑몰 설정 > 기본 설정 > 약관·정보 설정 > 이용약관 설정 > (탭)개인정보처리방침  에서 제공하고 있는 템플릿 양식을 참고하여 쇼핑몰 현황에 맞게 수정해 주세요.
Read more