본 매뉴얼은 애플 소셜 로그인 등록 방법에 대해 설명합니다.

애플 소셜로그인 신청 페이지 내용과 본 매뉴얼의 내용이 상이할 경우 애플 소셜로그인에서 제공하는 매뉴얼을 확인해 주시기 바랍니다.

애플리케이션 생성 #

  1. APP ID 생성 #

    Apple Developers에서 Account 메뉴를 클릭하여 로그인을 진행합니다.

    좌측 메뉴의 Certificates, IDs & Profiles를 클릭합니다.

    Identifiers 메뉴를 클릭한 후 + 버튼을 클릭합니다.

    App IDs를 체크한 상태에서 Continue 버튼을 클릭한 후, 타입 선택에서 또 한번 App을 선택합니다.

    Description, Bundle ID 영역을 입력합니다.
    Description : 관리자가 알아보기 쉬운 제목으로 작성합니다.
    Bundle ID : 사용할 도메인을 반대로 입력합니다. 사용하려는 도메인이 www.codemshop.com/manual인 경우 com.codemshop.manual와 같이 작성합니다.
    App ID Prefix : 해당 값을 복사하여 [엠샵 멤버스 > 소셜로그인 설정 > 소셜로그인(탭) > 애플 (Apple)] 섹션의 앱 ID 영역에 작성합니다.

    하단의 Sign In width Apple 체크 후 Continue 버튼과 Register 버튼을 순서대로 클릭하여 App ID를 생성합니다.

  2. Services ID 생성 #

    좌측 메뉴의 Identifiers 클릭 후 + 버튼을 클릭합니다.
    Services IDs를 체크한 다음 Continue 버튼을 클릭합니다.

    Description, Identifier 영역을 작성한 후 Continue 버튼과 Register 버튼을 순서대로 클릭하여 Services ID를 생성합니다.
    Description : 사용자가 애플로그인을 진행할 때 보여지는 문구입니다.
    Identifier : 도메인을 그대로 입력합니다.

  3. Services ID 설정 #

    생성한 Services ID를 클릭하여 설정 화면으로 이동합니다.
    만약 Services ID가 바로 보이지 않는다면 좌측 Identifiers 클릭 후 우측 돋보기 영역에서 Services ID를 선택합니다.

    하단의 Sign In with Apple에 체크한 후 Configure를 클릭하면 아래와 같은 화면이 출력됩니다.
    Primary App ID : APP ID 생성에서 생성했던 APP ID를 선택합니다.
    Domains and Subdomains : 이용할 사이트의 https://를 제외한 도메인을 입력합니다.

    예시 : www.codemshop.com/manual

    Return URLs : https://도메인주소/msm_apple와 같은 형식으로 입력합니다.

    예시 : https://codemshop.com/manual/msm_apple

    Next 버튼과 Done 버튼을 순서대로 클릭하고, 팝업이 닫히면 Continue 버튼과 Save 버튼을 순서대로 클릭합니다.

  4. Key 생성 #

    좌측 메뉴의 Keys를 클릭한 후 + 버튼을 클릭합니다.

    키의 이름을 입력한 후, Sign in with Apple을 체크한 다음 Configure 버튼을 클릭합니다.

    Primary App ID 영역에도 마찬가지로 생성했던 App ID를 선택한 후, Save > Continue > Register 버튼을 순서대로 클릭합니다.

    잠시 기다리면 아래와 같은 화면이 출력됩니다.
    반드시 Download 버튼을 클릭하여 다운로드합니다.
    설정에 꼭 필요하지만 해당 페이지에서 다운로드를 하지 못한다면 다시 다운로드하실 수 없으며, 키를 다시 생성해야 합니다.
    다운로드 진행 및 Key ID를 복사한 후 Done 버튼을 클릭합니다.

멤버스 설정 #

[엠샵 멤버스 > 소셜로그인 설정 > 소셜로그인(탭) > 애플 (Apple)] 섹션의 각 영역에 맞게 값을 작성합니다.

  1. 식별 ID #

    생성했던 서비스 ID의 Identifier를 입력합니다.
    매뉴얼대로 진행하셨다면 이용하실 사이트의 https://를 제외한 도메인이 됩니다.

  2. 앱 ID #

    생성했던 앱에 접속하면 App ID Prefix 영역에서 ID값을 확인하실 수 있습니다.

  3. 키 ID #

    Key 생성 단계에서 복사한 Key ID를 입력합니다.

  4. 키 내용 #

    다운로드 받으셨던 파일을 열고 내용을 전부 복사해서 붙여넣기 합니다.