Apple을 IDP로 사용하는 Shopify용 OAuth Single Sign-On(SSO) | Shopify Apple로 로그인

전제조건 : Single Sign On - SSO 애플리케이션

Apple을 IDP로 사용하여 Shopify에 SSO를 구성하려면 Shopify 스토어에 miniOrange Single Sign On - SSO 애플리케이션을 설치해야 합니다.

Shopify에 Apple Single Sign-On(SSO) 로그인을 구성하는 단계

1단계: OAuth 서버에 대한 리디렉션 URI를 가져오는 단계

• Shopify 스토어로 이동하여 앱 탭을 선택하고 싱글 사인온(SSO) - SSO 로그인 응용 프로그램.

• 온 클릭 IDP 설정 탐색 표시줄 왼쪽 상단에 있는 버튼을 클릭하세요.

• 왼쪽 탐색 모음에서 선택 SSO 구성 그리고 클릭 ID 공급자 추가 버튼을 클릭합니다.

• 당신을 찾을 수 있습니다 OAuth 콜백 URL/리디렉션 URI FBI 증오 범죄 보고서 OAuth 2.0 부분. 나중에 필요하므로 OAuth 콜백 URL을 편리하게 보관하세요.

2. Apple의 구성

• 우선 https://developer.apple.com , 계정을 클릭하고 Apple 개발자 계정으로 로그인하세요.
  
  
  
• 를 클릭하십시오 인증서, 식별자 와 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(Single Sign-On) 애플리케이션에서 도메인 이름과 리디렉션 URL을 얻을 수 있습니다.)
  
  
• 세부사항을 확인하고 다음을 클릭하세요. 선택한다 단추. 그 후 오른쪽 모서리에 있는 계속 버튼을 클릭합니다.
• 복사 식별자 값 그리고 클릭 찜하기 버튼을 클릭합니다.
• 클라이언트 ID에 식별자 값을 입력하고 다운로드한 키 Shopify SSO 애플리케이션의 클라이언트 암호 값.
  
  

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

3. 비밀키 생성

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

                        require 'jwt' key_file = 'key.p8' team_id = '' client_id = '' key_id = '' ecdsa_key = OpenSSL::PKey::EC.new IO.read key_file headers = { kid: key_id } Claim = { iss: team_id, iat: Time.now.to_i, exp: Time.now.to_i + 86400*180, aud: 'https://appleid.apple.com', sub: client_id, } 토큰 = JWT.encode 클레임, ecdsa_key, 'ES256', 헤더는 토큰을 넣습니다.
                    

• Ruby 명령 프롬프트를 열고 다음 명령을 사용하여 위 코드를 실행합니다. 루비 파일 이름.rb.
• 비밀키를 받게 됩니다. 비밀 키를 복사하세요.

4. Shopify에서 Apple ID를 OAuth 2.0 공급자로 구성합니다.

• Shopify 스토어로 이동하여 앱 탭을 선택하고 싱글 사인온(SSO) - SSO 로그인 응용 프로그램.

• 온 클릭 IDP 설정 탐색 표시줄 왼쪽 상단에 있는 버튼을 클릭하세요.

• 왼쪽 탐색 모음에서 ID 공급자를 선택합니다. OAuth를 선택합니다.
  
  
• 다음 값을 입력하세요.
  
  

  앱 이름	맞춤형 제공자
  앱 표시 이름	적절한 이름을 선택하세요
  OAuth 승인 엔드포인트	https://appleid.apple.com/auth/authorize?response_mode=form_post
  OAuth 액세스 토큰 끝점	https://appleid.apple.com/auth/token
  고객 ID	서비스 ID의 식별자 값
  클라이언트 비밀번호 ID	2 단계부터
  범위	이메일

• 속성 매핑을 위해서는 Shopify 관리 페이지로 이동하여 속성 매핑 섹션까지 아래로 스크롤하고 다음을 입력하세요. OAuthConstants.ATTRIBUTES.EMAIL 이메일 필드에.
  
  
• 구성을 저장하십시오.

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

5. Shopify 스토어에 대한 SSO 테스트

• Shopify Store 로그인 페이지로 이동합니다.(https:// /계정 로그인)
• 온 클릭 로그인 버튼 이전에 사용자 정의했습니다.

• 이전 단계에서 구성한 IDP의 로그인 페이지로 리디렉션됩니다. IDP 계정 자격 증명으로 로그인하세요.
• Shopify 스토어에 성공적으로 로그인됩니다.

Shopify Store의 IDP로 Apple을 성공적으로 구성했습니다!!