Shopify에서 Facebook을 IDP(OAuth)로 사용하여 Single Sign-On(SSO)을 설정하는 방법은 무엇입니까?
회사 개요
miniOrange를 사용하면 Facebook이 ID 공급자(IdP) 역할을 하여 사용자가 로그인할 수 있습니다. Facebook 자격 증명을 사용하여 Shopify에 SSO(Single Sign-On)를 설정하세요.. 이 통합을 통해 고객에게 다음을 제공할 수 있습니다. 소셜 로그인 옵션 이는 마찰을 줄이고 사용자 경험을 향상시킵니다.
솔루션은 두 가지 모두를 지원합니다. 새로운 Shopify 고객 계정 및 클래식/레거시 계정, 와 일하다 Shopify Plus 및 Plus가 아닌 매장예산 및 이상적입니다 D2C 브랜드, 커뮤니티 중심 매장 및 B2B 포털 여러 로그인 옵션을 제공하려는 경우. 구성하여 페이스북 쇼피파이 SSO보안을 유지하면서 전환율을 높이고, 인증을 간소화하고, 고객 참여를 개선할 수 있습니다.
전제조건 : 다운로드 및 설치
설정하려면 Facebook을 IDP(OAuth)로 사용하여 Shopify 스토어에 SSO 추가, 추가해야합니다. Shopify 싱글 사인온(SSO) 스토어에서 응용 프로그램을 사용하세요.
체크 아웃 우리 비디오Shopify에서 Shopify SSO 애플리케이션이 작동하는 방식에 대해 자세히 알아보세요.
구성 단계
1단계: Shopify에서 콜백 URL(리디렉션 URI) 가져오기
- Shopify 스토어로 이동하여 탐색하세요. 앱 섹션을 클릭하고 싱글 사인온(SSO) - SSO 로그인 응용 프로그램.
- 온 클릭 ID 제공자 추가 버튼을 눌러 IDP를 추가하세요.
- 클라임웍스와 함께 하늘과 닿는 여정을 시작하세요 OAuth 2.0 실험 계획안.
- 지금 선택하십시오. Facebook IDP 목록에서.
- 복사 OAuth 콜백 URL 이후 단계에서 사용할 수 있도록 쉽게 찾을 수 있는 곳에 보관하세요.
Shopify에서 콜백 URL(리디렉션 URI)을 성공적으로 얻었습니다.
2단계: Facebook을 OAuth 공급자로 설정
- 시작하려면 Facebook 개발자 콘솔로 이동하여 클릭하세요. 여기에서 확인하세요 페이스북 개발자 계정으로 가입/로그인하세요.
- Facebook 개발자 앱 페이지로 이동하여 앱 생성 버튼을 누르면 새 앱을 추가할 수 있습니다.
- 그런 다음 사람들이 자신의 Facebook 계정으로 로그인하도록 허용 사용 사례로 옵션을 선택한 다음 클릭하세요. 다음.
- 입력 앱 이름 연락처 이메일 추가 각각 Facebook 앱의 경우 다음을 클릭하세요. 앱 생성 버튼을 눌러 설정을 저장하십시오.
- We Buy Orders 신청서를 클릭하세요. 앱 설정 -> 기본 앱 ID와 앱 비밀을 확인하세요. 그만큼 앱 ID 이 여러분의 고객 ID 그리고 앱 비밀 이 여러분의 고객 비밀나중에 Shopify Single Sign-On SSO 애플리케이션을 구성할 때 필요하므로 이러한 값을 잘 보관해 두세요(아래 이미지 참조).
- 앱 도메인: 거기에 웹사이트 도메인을 작성하세요.
- 개인정보 보호정책 URL: 귀하의 웹사이트 개인정보 보호정책 페이지의 URL을 이 상자에 입력하세요.
- 서비스 약관 : 이 상자에 귀하의 웹사이트 서비스 약관 페이지에 연결된 URL을 입력하세요.
- 사용자 데이터 삭제: 드롭다운에서 데이터 삭제 지침 URL을 선택하세요. (사용자가 사이트에서 계정을 삭제하는 방법에 대한 지침이 있는 페이지의 URL을 입력하세요.)
- 선택 카테고리 범주 필드의 드롭다운에서 다음을 선택하십시오. 앱 목적 귀하의 앱을 가장 잘 설명하는 옵션을 선택한 다음 저장 (Save Changes) 구성을 저장합니다.
- 이제 아래로 스크롤하여 클릭하십시오. 플랫폼 추가 단추. 선택 웹 사이트 웹사이트와 Facebook 로그인을 통합하려고 하므로 옵션을 클릭하세요. 다음.
- 다음으로 Shopify 스토어 URL (store.xecurify.com)을 클릭하세요 찜하기. 그런 다음 계속.
- 온 클릭 사용 사례 탭을 탭한 다음 맞춤형 옆에 나타나는 버튼 인증 및 계정 생성 목.
- 아래의 권한 섹션에서 이메일 권한을 부여하고 클릭하세요 추가 버튼을 클릭합니다.
- 기본적으로 귀하의 애플리케이션은 "public_profile" 및 "email" 권한에 대한 표준 액세스만 가지고 있으므로 귀하만이 해당 액세스로 로그인할 수 있습니다. 고급 액세스를 얻으려면 비즈니스 검증을 거쳐야 하며, 이는 다음에서 시작할 수 있습니다. 확인 왼쪽에 있는 탭입니다.
- 아래의 페이스북 로그인 >> 설정 섹션을 클릭하여 이동을 클릭하세요 설정 버튼을 추가하려면 리디렉션/콜백 URL (1단계부터).
- 로 유효한 OAuth 리디렉션 URI 필드 추가 리디렉션/콜백 URL Shopify Single Sign-On(SSO) 애플리케이션에서 얻을 수 있습니다. 클릭하세요. 변경 사항을 저장 버튼을 클릭합니다.
- 현재 귀하의 앱은 개발 모드에 있으며 이는 회사 외부의 사람들이 앱을 사용할 수 없음을 의미합니다. 확인이 완료되면 다음을 클릭하세요. 생중계 탭을 클릭하고 오른쪽 하단에 있는 '게시' 버튼을 클릭하여 앱을 게시하세요. 버튼을 누르기 전에 모든 설정이 제대로 되었는지 "게시" 페이지에 나열된 단계를 확인하는 것이 좋습니다.
Facebook 애플리케이션에서 Shopify를 서비스 공급자로 성공적으로 구성했습니다.
3단계: Shopify에서 Facebook을 IDP로 구성
- 다시 miniOrange Single Sign On-SSO 응용 프로그램.
- 온 클릭 ID 제공자 추가 버튼을 눌러 IDP를 추가하세요.
- 클라임웍스와 함께 하늘과 닿는 여정을 시작하세요 OAuth 2.0 실험 계획안.
- IDP 목록에서 다음을 선택합니다. Facebook.
- 이제 다음과 같은 필수 세부 정보를 입력하세요. 클라이언트 ID, 클라이언트 비밀, 엔드포인트 및 범위.
- 값을 구성하려면 아래 표를 참조하십시오.
- 참고 : cognito 도메인은 다음에서 찾을 수 있습니다. 2단계.
| IDP 표시 이름: | [원하는 앱 이름을 입력하세요] |
| 클라이언트 ID : | 이와 같은 서비스: 2단계 |
| 클라이언트 비밀 : | 이와 같은 서비스: 2단계 |
| 엔드포인트 승인: | https://www.facebook.com/dialog/oauth |
| 액세스 토큰 엔드포인트: | https://graph.facebook.com/v2.8/oauth/access_token |
| 사용자 정보 가져오기 끝점: | https://graph.facebook.com/me/?fields=id,name,email,age_range,first_name,gender,last_name,link |
| 범위: | public_profile 이메일 (이 텍스트를 표시된 대로 정확하게 입력하세요) |
- 이제 다음을 클릭할 수 있습니다. 찜하기.
4단계: 연결 테스트
-
IDP 구성을 저장한 후에는 다음으로 리디렉션됩니다.
연결 테스트 단계.
속성을 매핑하거나 가져오기 전에 연결 테스트를 수행하세요. 연결 테스트를 통해 IDP 구성이 올바른지 확인하세요. - 온 클릭 연결 테스트 버튼을 클릭합니다.
- 유효한 Facebook 자격 증명을 입력하면 아래 화면에 표시된 팝업 창이 나타납니다.
- 온 클릭 속성 가져오기 IDP 속성을 가져오는 버튼입니다.
5단계: 속성 매핑
- 온 클릭 + 속성 매핑 Shopify와 AWS Cognito 사이의 속성을 매핑하는 버튼입니다.
- 아래 표를 참조하여 속성을 매핑하세요.
| Shopify의 속성 이름 | IDP에서 들어오는 속성 값을 동기화하려는 Shopify 고객 속성 키를 선택하세요. |
| 속성 유형 | IDP 속성 |
| 속성 값 | IDP에서 가져와 Shopify에서 동기화하려는 속성 키를 선택하세요. |
- 를 클릭하십시오 다음.
6단계: SSO 구성 활성화 및 테스트
Shopify 매장 유형 선택:
- 비플러스 매장
- 플러스 스토어
이 가이드에서는 다음을 구성했습니다. Facebook 싱글 사인온(SSO) 설정하여 Facebook을 ID 공급자(IdP)로 사용 서비스 제공자(SP)로서의 Shopify 를 사용하여 miniOrange Shopify Single Sign-On(SSO) 로그인 앱. 이 설정을 사용하면 이제 사용자가 다음을 즐길 수 있습니다. Facebook 자격 증명을 사용하여 Shopify에 SSO(Single Sign-On)를 설정하세요., 전달 원활하고 사회적이며 안전한 인증 경험 고객 참여를 높이고 로그인 장벽을 낮추는 것입니다.
지원되는 통합 및 기능
더 많은 기능 ➔자주 묻는 질문
더 많은 FAQ ➔
IDP 설정 단계를 따랐는데 SSO는 어디서 확인할 수 있나요?
설명된 단계를 따르세요. 여기에서 확인하세요 선호하는 IDP로 Shopify에서 SSO를 구성합니다.
Shopify SSO 애플리케이션을 설치했습니다. "SETUP IDP" 옵션을 클릭했지만 아무 것도 열리지 않았습니다.
브라우저에서 다른 사이트로의 리디렉션이 차단될 수 있습니다. 주어진 단계를 따르십시오 여기에서 확인하세요 문제를 해결할 수 있습니다.
SSO를 수행한 후 고객이 컬렉션 또는 할인 혜택 페이지로 리디렉션되기를 원합니다.
설명된 단계를 따르세요. 여기에서 확인하세요 고객을 컬렉션/카트 또는 기타 페이지로 리디렉션합니다.
Shopify 스토어에서 SSO 애플리케이션이 IDP 기능으로 자동 리디렉션되도록 하려면 어떻게 해야 하나요?
IDP 기능으로 자동 리디렉션을 활성화하려면 SSO 애플리케이션의 Enterprise 플랜으로 업그레이드해야 합니다. 설명된 단계를 따르세요. 여기에서 확인하세요 이 기능을 사용하려면
추가 자료
연락처
다음 주소로 문의하십시오. shopifysupport@xecurify.com, 그리고 저희 팀이 Shopify SSO 애플리케이션 설정을 도와드립니다. 저희 팀이 귀하의 요구 사항에 따라 가장 적합한 솔루션/플랜을 선택하도록 도와드립니다.
