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

사전 요구 사항 :

Google 소셜 설정을 시작하기 전에 Shopify Stores에 로그인하여 다음 사항을 확인하세요. miniOrange 소셜 로그인 앱을 설치했습니다.

사회 로그인

사용자가 Google 자격 증명을 사용하여 매장에 소셜 로그인할 수 있습니다.

응용 프로그램 추가

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

1.   Google 로그인용 맞춤 앱 구성

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

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

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

• 이미지에 표시된 대로 드롭다운에서 프로젝트가 선택되어 있는지 확인하세요. 그렇지 않은 경우 드롭다운 메뉴를 열어 프로젝트를 확인하세요. 방금 생성한 것(이 경우에는 'TestApp')을 선택하세요.

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

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

• 애플리케이션을 입력하여 화면을 구성하세요. 이름. 당신이 선호하는 무엇이든 될 수 있습니다. 예를 들어 "SocialLogin"이라고 부를 것이라고 가정해 보겠습니다. 들어가다 사용자 지원 이메일.

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

• 로 진행 신임장 사이드바에

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

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

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

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

• 생성된 복사 고객 ID 와 고객 비밀, 이후 단계에서 사용됩니다.

• 이제 Google 로그인용 맞춤 앱을 성공적으로 구성했습니다.

2.   miniOrange 소셜 로그인 애플리케이션 구성

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

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

• 아까 복사한 것을 붙여넣으세요 고객 ID 와 고객 비밀 표에서 언급했듯이.
  

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


• 온 클릭 찜하기 자격 증명을 저장합니다.
• 이제 miniOrange 소셜 로그인 애플리케이션 측도 성공적으로 구성되었습니다.

3.   구성 테스트

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

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

• We Buy Orders 신청서를 클릭하세요. 소셜 로그인 대시보드, 그리고 활성화 Google 소셜을 표시하려면 Google 토글을 사용하세요. 로그인 페이지의 로그인 버튼입니다.

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

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

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

Google 소셜 로그인 설정을 완료했습니다.

miniOrange 소셜 로그인 애플리케이션에서 제공하는 기타 사용자 정의

오류나 문의사항이 있으면 클릭하세요. 여기에서 지금 확인해 보세요. 다른 사람을 보기 위해.