검색 결과 :

×

회원가입 문의하기

목차

Shopify 스토어에 Google 로그인 설정 – Shopify Google 소셜 로그인

회사 개요

The miniOrange 소셜 로그인 애플리케이션 Shopify 스토어에 로그인하는 것을 매우 쉽게 만들어줍니다. 이 애플리케이션을 사용하면 사용자가 빠르게 사용할 수 있습니다. Google 계정 로그인하려면 Shopify Plus 또는 Non-Plus 스토어Google 소셜 로그인을 활성화하면 사용자는 선호하는 사용자 인증 정보를 사용하여 Shopify 스토어에 접속할 수 있습니다. 사용자는 여러 계정을 생성할 필요 없이 Google 계정을 사용하여 로그인할 수 있습니다. 이를 통해 높은 보안 수준과 원활한 Shopify 스토어 접속이 보장됩니다.

소셜 로그인은 어떻게 작동하나요?

소셜 로그인 과정은 매우 간단합니다. 사용자가 웹사이트에 접속하여 원하는 로그인하려는 소셜 로그인 제공업체를 선택합니다. 소셜 네트워크 제공업체 사이트에 정보를 입력합니다. 소셜 제공업체의 인증 절차가 완료되면 사용자는 WordPress 웹사이트를 사용할 수 있습니다. 신규 사용자라면 등록되고, 기존 사용자라면 로그인됩니다.

App 다운로드

가격 책정 계획

Shopify 고객 계정에 SSO 구성

Google을 IDP로 사용하여 Shopify 고객 계정에 SSO(Single Sign-On)를 구성하려면 제공된 가이드를 따르세요. 여기에서 확인하세요.

필수 조건: Shopify 소셜 로그인 애플리케이션

Google을 IDP로 사용하여 Shopify에 SSO를 구성하려면 다음을 설치해야 합니다. miniOrange 소셜 로그인 Shopify 스토어에 애플리케이션을 설치하세요.

체크 아웃 우리 비디오Shopify에서 소셜 로그인 애플리케이션이 작동하는 방식에 대해 자세히 알아보세요.

구성 단계

Shopify 스토어에서 Google 로그인을 활성화하는 단계별 가이드

1단계: Google 로그인을 위한 사용자 지정 앱 구성

열기 구글 개발자 콘솔, Google 개발자 계정으로 가입하거나 로그인하세요.
Google 개발자 콘솔에서 프로젝트를 선택하세요.

Google Shopify SSO를 사용한 소셜 로그인 설정 가이드 - Google 개발자 콘솔

온 클릭 새 프로젝트 새로운 Google Apps 프로젝트를 만드세요.

Google Shopify SSO를 사용한 소셜 로그인 설정 가이드 - 새로운 Google Apps 프로젝트

입력 프로젝트 이름 (예: TestApp) 및 위치, 다음을 클릭하십시오. 만듭니다.

- 프로젝트 이름 입력을 사용한 소셜 로그인 설정 가이드

그림과 같이 드롭다운 메뉴에서 프로젝트가 선택되어 있는지 확인하세요. 선택되어 있지 않으면 드롭다운 메뉴를 열어 프로젝트를 확인하세요. 방금 만든 프로젝트(이 경우 'TestApp')를 선택하세요.

소셜 로그인 설정 가이드 - 앱 이름 존재 확인

로 이동 OAuth 동의 화면 사이드 바에서.

oAuth 동의 화면을 사용한 소셜 로그인 설정 가이드

꼭 선택하세요 외부 사용자 유형 >> 만듭니다.

소셜 로그인을 이용한 설정 가이드 - 사용자 유형

애플리케이션을 입력하여 화면을 구성하세요. 이름. 원하는 대로 설정하세요. 예를 들어 "SocialLogin"이라고 부르겠습니다. 다음을 입력하세요. 사용자 지원 이메일.

소셜 로그인 설정 가이드 - 애플리케이션 이름을 입력하여 화면 구성

승인된 도메인에 삽입 miniorange.com. 을 작성 개발자 연락처 정보. 다음을 클릭하십시오. 저장하고 계속.

- 복사 sp 승인 URL을 사용한 소셜 로그인 설정 가이드

로 진행 신임장 사이드바에

Google 자격 증명을 사용한 소셜 로그인 설정 가이드 - 자격 증명 사이드바로 이동

를 클릭하십시오 자격 증명 만들기, 선택 OAuth 클라이언트 ID.

OAuth 클라이언트 ID를 사용한 소셜 로그인 설정 가이드

선택 웹 응용 프로그램 로 어플리케이션 유형

- 웹 애플리케이션으로 애플리케이션 유형을 설정한 소셜 로그인 설정 가이드

이름을 사용자 정의할 수 있습니다. 웹 클라이언트. 승인된 리디렉션 URI 추가

- 웹 클라이언트 이름을 사용한 소셜 로그인 설정 가이드

세트 승인 된 리디렉션 URI 에 https://shop.miniorange.com/social-login/openidcallback/google. 를 클릭하십시오 만들기

- OAuthorized 리다이렉트 URL을 사용한 소셜 로그인 설정 가이드

생성된 복사 고객 ID 고객 비밀이는 이후 단계에서 사용될 것입니다.

- 생성된 클라이언트 ID 클라이언트 비밀을 사용하여 소셜 로그인을 위한 설정 가이드

따라서 Google 로그인을 위한 사용자 지정 앱이 구성되었습니다.

2단계: Shopify 소셜 로그인 애플리케이션 구성

Shopify 스토어로 이동하세요. 앱 섹션을 선택하고 miniOrange 소셜 로그인 애플리케이션입니다.

Google Shopify Single Sign-On을 사용한 소셜 로그인 설정 가이드

다음으로 리디렉션됩니다. 소셜 로그인 애플리케이션 대시보드. 선택 구글.

Google-Shopify를 IDP로 사용하여 소셜 로그인을 위한 설정 가이드

아까 복사한 것을 붙여넣으세요 고객 ID 고객 비밀 표에 언급된 대로.

앱 ID	고객 ID
앱 비밀	고객 비밀
범위	이메일+프로필

두 Shopify 스토어 간 Google SSO를 사용한 소셜 로그인 설정 가이드

온 클릭 찜하기 자격 증명을 저장합니다.

이제 miniOrange Social Login 애플리케이션 측면도 구성되었습니다.

3단계: 구성 테스트

테스트 구성 를 시청하여 이에 대해 더 많은 정보를 얻을 수 있습니다. 소셜 로그인 대시보드 설정을 확인합니다.

Google Shopify SSO를 사용한 소셜 로그인 설정 가이드

아래 이미지와 같이 창이 팝업되어야 합니다.

Google Shopify SSO를 사용한 소셜 로그인 설정 가이드 - IDP 설정

We Buy Orders 신청서를 클릭하세요. 소셜 로그인 대시보드, Google 토글을 활성화하여 로그인 페이지에 Google 소셜 로그인 버튼을 표시합니다.

Google Shopify SSO - ID 공급자 추가

. Shopify 스토어 >> 온라인 스토어 >> 테마 를 클릭하십시오 맞춤형 이미지에 표시된 대로.

두 Shopify 스토어 간 Google SSO - Shopify SSO - ID 공급자 추가

로 이동 앱 삽입 섹션을 선택하고 MO 소셜 로그인 위젯 On

Google Shopify SSO - 앱 임베드 섹션

이제 Google 소셜 로그인 버튼이 로그인 페이지에 표시되는 것을 볼 수 있습니다.

Google Shopify SSO - IDP 메타데이터 가져오기

따라서 Shopify 스토어에 Google 소셜 로그인을 구성했습니다.

연락처

다음 주소로 문의하십시오. shopifysupport@xecurify.com, 그리고 저희 팀이 귀하의 애플리케이션 설정을 도와드릴 것입니다. 저희 팀이 귀하의 요구 사항에 따라 가장 적합한 솔루션/플랜을 선택하도록 도와드릴 것입니다.

×

안녕하세요!

도움이 필요하다? 우리는 바로 여기에 있습니다!