Apple을 ID 공급자로 사용하여 Shopify에서 Single Sign-On(SSO)을 구성하는 방법은 무엇입니까?

miniOrange를 사용하면 Apple이 ID 공급자(IdP) 역할을 하여 사용자가 로그인할 수 있습니다. Apple 자격 증명을 사용하여 Shopify에 SSO(Single Sign-On)를 설정하세요.. 와 더불어 "Apple로 로그인" 이 기능을 사용하면 고객은 별도의 계정을 만들지 않고도 안전하게 Shopify 스토어프런트에 액세스할 수 있어 마찰을 줄이고 신뢰를 높이는 데 도움이 됩니다.

솔루션은 두 가지 모두를 지원합니다. 새로운 Shopify 고객 계정 및 클래식/레거시 계정, 와 일하다 Shopify Plus 및 Plus가 아닌 매장, 그리고 이상적입니다 D2C 브랜드, 구독 기반 매장 및 B2B 매장. 구성하여 Apple Shopify SSO, 당신은 배달할 수 있습니다 안전하고 개인 정보 보호에 중점을 둔 사용자 친화적인 인증 환경 당신의 고객을 위해.

응용 프로그램 설치 가격 책정 계획

필수 조건: 앱 설치

• 귀하의 계정에 로그인하십시오. Shopify 관리자.
• We Buy Orders 신청서를 클릭하세요. 앱 → Store에서 제공하는 Shopify
• 에 대한 검색 miniOrange 싱글 사인온(SSO)
• 설치 앱을 스토어에 추가하려면
• 앱을 다음에서 엽니다. 앱 Shopify 설정에서 Apple SSO를 시작하려면

Shopify SSO를 위해 Apple을 IDP(OAuth)로 설정하는 단계별 가이드

1단계: OAuth 서버에 대한 리디렉션 URI 검색

• Shopify 스토어로 이동하여 탐색하세요. 앱 섹션을 클릭하고 싱글 사인온(SSO) - SSO 로그인 응용 프로그램.

• 온 클릭 ID 제공자 추가 버튼을 눌러 IDP를 추가하세요.

• 클라임웍스와 함께　하늘과 닿는 여정을 시작하세요 오픈아이디 커넥트 1.0 실험 계획안.

• 지금 선택하십시오. 맞춤형 IDP IDP 목록에서.

• 복사 OAuth 콜백 URL 이후 단계에서 사용할 수 있도록 쉽게 찾을 수 있는 곳에 보관하세요.

2단계: Shopify에서 Apple을 ID 공급자로 구성

• 우선, 귀하의 계정으로 로그인하세요. 애플 개발자 계정 그리고 클릭 계정.



• 를 클릭하십시오 인증서, 식별자 프로필 Apple 계정에서.



• 왼쪽 메뉴에서 다음을 클릭하세요. 식별자 그리고 클릭 후 플러스 아이콘(파란색). 를 클릭하십시오 계속 Apple 계정의 다음 2페이지를 확인하세요.



• 엔터 버튼 기술설명 번들 ID 위한 앱 ID. (번들 ID는 역방향 DNS 스타일 문자열이어야 합니다.)



• . 기능 섹션 아래로 스크롤하여 선택 사과로 서명하다 그리고 클릭 편집 링크를 클릭하십시오.



• 클라임웍스와 함께　하늘과 닿는 여정을 시작하세요 기본 앱 ID로 활성화 그리고 클릭 저장합니다. 클릭해주세요 계속 다음을 클릭하십시오 레지스터.



• 오른쪽 모서리에서 계속, 다음을 클릭하십시오. 회원가입 버튼을 클릭합니다.
• 다시 클릭하세요. 더하기 아이콘 (푸른 색). 선택하다 서비스 ID 그리고 클릭 계속.



• 엔터 버튼 기술설명 확인 (식별자는 클라이언트 ID입니다. 이 ID를 복사하여 클라이언트 ID의 위 필드에 붙여넣으세요.) 클릭하세요. 계속 그런 다음 회원가입 버튼을 클릭합니다.



• 키 왼쪽 메뉴에서 다음을 클릭하세요. 더하기 아이콘 새로운 키를 등록하려면



• 너의 ~를 줘라 키 이름을 선택하세요. Apple로 로그인 그리고 클릭 구성 버튼을 클릭합니다.



• 선택하여 기본 ID 그리고 클릭 찜하기 버튼을 클릭합니다. 그런 다음 오른쪽 모서리를 클릭합니다. 계속하고 등록하세요 버튼을 클릭합니다.



• 복사 키 ID 그리고 다운로드 버튼을 클릭합니다. 키가 다운로드되면 선택한다 버튼을 클릭합니다.



• 왼쪽 메뉴에서 식별자.
• 오른쪽 상단에서 다음을 클릭하세요. 앱 ID.
• 클라임웍스와 함께　하늘과 닿는 여정을 시작하세요 서비스 ID 드롭 다운 메뉴에서.



• 선택하여 서비스 ID 목록에서.
• Apple로 로그인을 선택하고 클릭하세요. 구성 버튼을 클릭합니다.



• 선택 기본 앱 ID 드롭다운에서 다음을 입력하세요. 도메인(Shopify 스토어 도메인) 그리고 리디렉션 URL(Shopify 애플리케이션의 콜백 URL) 각각 도메인 및 하위 도메인 및 반환 URL에 있습니다. 다음을 클릭하세요. 다음 버튼을 클릭하세요. (miniOrange SSO 애플리케이션에서 도메인 이름과 리디렉션 URL을 받게 됩니다.)



• 세부사항을 확인하고 다음을 클릭하세요. 선택한다 버튼을 클릭합니다. 그런 다음 오른쪽 모서리에서 계속 버튼을 클릭합니다.
• 복사 식별자 값 그리고 클릭 찜하기 버튼을 클릭합니다.
• 클라이언트 ID에 식별자 값을 입력하고 다운로드한 키 Shopify SSO 애플리케이션의 클라이언트 비밀번호 값입니다.

Apple 측 구성을 성공적으로 완료했습니다.

3단계: 비밀 키 생성

• 를 다운로드 루비 설치 프로그램 다음 링크에서 https://rubyinstaller.org/downloads/ 설치하십시오.
• 루비 시작 명령 프롬프트를 검색하세요. 루비 명령 프롬프트를 열고 명령줄에서 다음 명령을 실행하여 JWT 젬을 설치하세요: gem install jwt.
• 아래 코드를 파일에 복사하고 파일을 다음과 같이 저장하십시오. .rb 확장자를 지정하세요. 이 .rb 파일과 다운로드한 .p8 파일을 같은 폴더에 보관하세요.
• 코드에 아래 값을 입력하세요.
  
  • 1단계에서 다운로드한 키 파일의 파일 이름으로 key_file 값을 입력합니다. 예: key_file = 'AuthKey_994H448YX2.p8'.
  • 아래 이미지를 참고하여 팀 ID 값을 입력하세요.
  
  • 서비스 ID 식별자 값으로 클라이언트 ID 값을 입력합니다. 예: 'com.abc.xyz'.
  • 에서 복사한 Key ID 값을 입력하세요. 2단계 key_id에 있습니다.

                        'jwt' 키 파일 = 'key.p8' 팀 ID = '' 클라이언트 ID = '' 키 ID = '' ecdsa_key = OpenSSL::PKey::EC.new IO.read 키 파일 헤더 = { 키: 키 ID } 클레임 = { iss: 팀 ID, iat: Time.now.to_i, exp: Time.now.to_i + 86400*180, aud: 'https://appleid.apple.com', sub: 클라이언트 ID, } 토큰 = JWT.encode 클레임, ecdsa_key, 'ES256', 헤더 토큰 넣기
                    

4단계: Shopify에서 Apple을 IDP로 구성

• 다시 miniOrange Single Sign On-SSO 응용 프로그램.

• 온 클릭 ID 제공자 추가 버튼을 눌러 IDP를 추가하세요.

• 클라임웍스와 함께　하늘과 닿는 여정을 시작하세요 오픈아이디 커넥트 1.0 실험 계획안.

• IDP 목록에서 다음을 선택합니다. 맞춤형 IDP.

• 이제 다음과 같은 필수 세부 정보를 입력하세요. 클라이언트 ID, 클라이언트 비밀, 엔드포인트 및 범위.
• 값을 구성하려면 아래 표를 참조하십시오.

• 이제 다음을 클릭할 수 있습니다. 찜하기.

5단계: 연결 테스트

• IDP 구성을 저장하면 다음으로 리디렉션됩니다. 연결 테스트 단계.
• 속성을 매핑하거나 가져오기 전에 테스트 연결을 수행하세요. 테스트 연결을 통해 IDP 구성이 올바른지 확인하세요.
• 온 클릭 연결 테스트 버튼을 클릭합니다.



• 유효한 Apple 자격 증명을 입력하면 아래 화면에 표시된 팝업 창이 나타납니다.



• 온 클릭 속성 가져오기 IDP 속성을 가져오는 버튼입니다.

6단계: 속성 매핑

• 온 클릭 + 속성 매핑 Shopify와 Apple 간의 속성을 매핑하는 버튼입니다.



• 아래 표를 참조하여 속성을 매핑합니다.




Shopify의 속성 이름	사전 정의된 속성 목록에서 속성을 선택하세요.
속성 유형	IDP 속성
속성 값	IDP에서 가져온 속성 값을 선택하세요.



• 를 클릭하십시오 찜하기.

7단계: SSO 구성 활성화 및 테스트

Shopify 매장 유형 선택:

• 비플러스 매장
• 플러스 스토어

Plus가 아닌 Shopify 스토어에서의 SSO 구성

Shopify 스토어에서 활성화한 계정 유형을 선택하세요:

• 고객 계정
• 레거시 고객 계정

참고 : 당신이 암호로 보호된 저장소 또는 작업 중 Shopify 개발 스토어클릭 여기에서 확인하세요 SSO가 스토어에서 작동할 수 있도록 스토어프런트 다이제스트 쿠키를 설정합니다.

• 애플리케이션 대시보드로 이동하여 다음을 활성화하세요. 고객 계정 확장 아래 이미지에서 볼 수 있듯이요.

• 활성화 신규 고객 계정 확장 프로그램을 클릭하고 찜하기.

• 애플리케이션 홈페이지로 이동하여 활성화하세요. IDP 로그인 토글 옵션 구성한 IDP에 대해.

SSO 사용자만 체크아웃을 완료하도록 허용 - 다른 사용자 제한

이 기능을 사용하면 SSO(Single Sign-On)를 통해 로그인한 사용자만 결제 절차를 완료할 수 있습니다. 다른 사용자는 결제를 진행할 수 없습니다.

• 로 이동 설정.



• 열기 결제하기 안내



• 아래로 스크롤하여 체크아웃 규칙 섹션에서를 클릭하십시오. 규칙 추가.



• 를 클릭하십시오 SSO 체크아웃 검증.



• 선택 해제 "모든 고객이 체크아웃을 완료하도록 허용" 옵션을 클릭하고 찜하기.



• 이제 할 수 있습니다 전원을 켜십시오 체크아웃 규칙.



• SSO를 수행하지 않고 결제를 시도하면 아래와 같은 오류가 나타납니다.

Shopify 스토어에 대한 Single Sign-On(SSO) 테스트

• Shopify 스토어로 이동하세요.(https:// )
• 온 클릭 사용자 로그인 아이콘.

• 이전 단계에서 구성한 ID 공급자(IDP)의 로그인 페이지로 리디렉션됩니다. IDP 계정 정보를 사용하여 로그인하세요.
• 다음으로, 등록된 이메일 주소로 전송될 6자리 OTP를 입력하세요. (이 과정은 한 번만 진행됩니다.)

• Shopify 스토어에 성공적으로 로그인됩니다.

• 애플리케이션 대시보드로 이동하면 계정 페이지에 로그인 버튼 확장 기능을 추가하라는 경고 상자가 표시되며, 로그인 위젯 확장 프로그램 아래 이미지에 표시된 링크를 클릭하여 활성화하세요.

• 애플리케이션 홈페이지로 이동하여 활성화하세요. IDP 로그인 토글 옵션 구성한 IDP에 대해.

• 구성하려면 여러 IDP를 사용하여 Shopify에 SSO 추가그런 다음 제공된 목록에서 IDP를 선택하세요. 여기에서 확인하세요그리고 해당 IDP를 사용하여 SSO를 설정합니다.
• 활성화 IDP 로그인 토글 옵션 여러 IDP를 사용하여 Shopify에 SSO를 활성화합니다.

Shopify 스토어에 대한 Single Sign-On(SSO) 테스트

• Shopify 스토어 로그인 페이지로 이동하세요.(https:// /계정/로그인)
• 온 클릭 로그인 버튼 이전에 사용자 정의한 대로.

• ID 공급자(IDP) 로그인 페이지로 리디렉션됩니다. 이제 기존 계정 정보를 사용하여 로그인하세요.

• 로그인 후 "잘못되었거나 누락된 reCAPTCHA 토큰" 오류가 발생하고 "문제가 발생했습니다" 메시지가 함께 표시되는 경우 이 내용을 참조하세요. FAQ 오류를 해결하려면.

Plus Shopify Stores의 SSO 구성

Shopify 스토어에서 활성화한 계정 유형을 선택하세요:

• 고객 계정
• 레거시 고객 계정

• SSO 애플리케이션으로 돌아가서 다음을 클릭합니다. 커넥트스토어 탭.
• 복사 검색 엔드포인트 URL 클라이언트 ID, 클라이언트 비밀번호, 추가 범위 로그아웃 후 리디렉션 URI 매개변수 그리고 쉽게 찾을 수 있도록 보관하세요.

• 온 클릭 고객 계정 아래 이미지에 표시된 대로 링크합니다.

• 선택 고객 계정 Shopify에서 권장하는 옵션입니다. 다음으로, 인증 옵션을 클릭하십시오 관리.
• 해당 옵션을 찾을 수 없는 경우 문의해 주세요. shopifysupport@xecurify.com 지원.

• 온 클릭 공급자 관리 버튼을 클릭합니다.

• 를 클릭하십시오 공급자에 연결 버튼을 클릭합니다.

• ID 공급자 이름을 추가하고 Provider 드롭 다운, 선택 사용자 정의 또는 기타.

• 다음과 같은 세부 정보를 입력하세요. 검색 엔드포인트 URL, 클라이언트 ID, 클라이언트 비밀, 추가 범위, 로그아웃 후 리디렉션 URI 매개변수 당신이 복사한 것 위의 단계. 클릭하세요 찜하기.

• ID 공급자가 추가되면 다음을 수행하십시오. 연결 테스트.

• 흐름을 확인한 후 ID 공급자를 다음과 같이 만듭니다. 최근활동.

• 애플리케이션 홈페이지로 이동하여 활성화하세요. IDP 로그인 토글 옵션 구성한 IDP에 대해.

Shopify 스토어에 대한 Single Sign-On(SSO) 테스트

• Shopify 스토어로 이동하세요.(https:// )
• 온 클릭 사용자 로그인 아이콘.

• 이전 단계에서 구성한 ID 공급자(IDP)의 로그인 페이지로 리디렉션됩니다. IDP 계정 정보를 사용하여 로그인하세요.

• Shopify 스토어에 성공적으로 로그인됩니다.

사용자 이름 및 비밀번호를 사용하여 로그인 제공

B2B 매장에 대해 IDP 옵션을 통한 로그인과 함께 사용자 이름 및 비밀번호를 사용하여 로그인을 제공하려는 경우 여기를 클릭하세요.

이메일 OTP를 사용하여 로그인 제공

B2B 매장에 IDP 옵션을 사용한 로그인과 함께 이메일 OTP를 사용하여 로그인을 제공하려는 경우 여기를 클릭하세요.

• 이제 설치 안내서 버튼을 클릭하고 언급된 단계에 따라 멀티패스 토큰을 받으세요.

• 활성화 멀티패스 토큰 옵션입니다. 이것을 참조하세요 자주하는 질문 Multipass 토큰 값을 가져와 아래 필드에 붙여넣으세요.

• 를 클릭하십시오 찜하기.

• 애플리케이션 대시보드로 이동하면 계정 페이지에 로그인 버튼 확장 기능을 추가하라는 경고 상자가 표시되며, 로그인 위젯 확장 프로그램 아래 이미지에 표시된 링크를 클릭하여 활성화하세요.

• 애플리케이션 홈페이지로 이동하여 활성화하세요. IDP 로그인 토글 옵션 구성한 IDP에 대해.

• 구성하려면 여러 IDP를 사용하여 Shopify에 SSO 추가그런 다음 제공된 목록에서 IDP를 선택하세요. 여기에서 확인하세요그리고 해당 IDP를 사용하여 SSO를 설정합니다.
• 활성화 IDP 로그인 토글 옵션 여러 IDP를 사용하여 Shopify에 SSO를 활성화합니다.

Shopify 스토어에 대한 Single Sign-On(SSO) 테스트

• Shopify 스토어 로그인 페이지로 이동하세요.(https:// /계정/로그인)
• 온 클릭 로그인 버튼 이전에 사용자 정의한 대로.

• ID 공급자(IDP) 로그인 페이지로 리디렉션됩니다. 이제 기존 계정 정보를 사용하여 로그인하세요.

• "잘못되었거나 누락된 reCAPTCHA 토큰" 오류가 발생하고 "문제가 발생했습니다" 메시지가 함께 표시되는 경우 이 내용을 참조하세요. FAQ 오류를 해결하려면.

• Shopify 스토어에 성공적으로 로그인됩니다.

이 가이드에서는 다음을 구성했습니다. Apple 싱글 사인온(SSO) 설정하여 Apple을 ID 공급자(IdP)로 사용 그리고 Shopify로 서비스 제공업체(SP) 를 사용하여 miniOrange Shopify Single Sign-On(SSO) 로그인 앱. 이 설정을 사용하면 이제 사용자가 다음을 수행할 수 있습니다. Apple 자격 증명을 사용하여 Shopify에 SSO(Single Sign-On)를 사용합니다. Shopify 스토어 전반에서 현대적이고 안전하며 원활한 인증 환경을 보장합니다.