검색 결과 :

×

WordPress에 소셜 로그인을 위한 Google 앱을 만드는 방법 | 구글 SSO | 구글 소셜 로그인

WordPress에 소셜 로그인을 위한 Google 앱을 만드는 방법 | 구글 SSO | 구글 소셜 로그인


소셜 로그인이란 무엇입니까?
소셜 로그인을 통해 사용자는 Facebook, Google 또는 Twitter와 같은 다양한 네트워킹 플랫폼을 사용하여 모든 웹사이트에 연결할 수 있습니다. 이는 최종 사용자가 더 쉽게 로그인할 수 있도록 설계 및 구현된 사용자를 위한 Single Sign-On 형태입니다. 소셜 로그인을 사용하면 사용자는 계정을 만들지 않고도 제XNUMX자 웹사이트에 로그인할 수 있습니다.

소셜 로그인은 어떻게 작동하나요?
소셜 로그인 과정은 매우 간단합니다. 사용자는 귀하의 웹사이트를 방문하여 로그인하려는 소셜 로그인 공급자를 선택합니다. 소셜 네트워크 제공업체의 사이트에 세부 정보를 입력합니다. 소셜 공급자가 인증 프로세스를 완료하면 사용자는 WordPress 웹사이트를 사용할 수 있습니다. 신규 사용자라면 등록이 되고, 기존 사용자라면 로그인이 됩니다.

통합 구글 OAuth 2.0 프로토콜을 사용하는 WordPress의 소셜 로그인(Google SSO)입니다.
miniOrange 소셜 로그인을 사용하면 사용자가 Google 계정을 사용하여 WordPress 웹사이트에 로그인/등록할 수 있습니다. 사용자에게 비밀번호를 기억하지 않고 WordPress 웹사이트에 로그인/등록할 수 있는 최선의 선택을 제공하세요. 몇 가지 간단한 단계를 거쳐 miniOrange의 WordPress Google 플러그인을 설정하고 Google을 설정하세요.

내 WordPress 사이트에 Google 로그인 버튼을 어떻게 표시하나요?
웹사이트의 사용자 정의 로그인/등록 페이지에 Google 소셜 로그인 아이콘을 추가할 수 없는 경우 당사의 소셜 서비스를 사용할 수 있습니다. 이를 통해 사용자가 귀하의 웹사이트에 가입하거나 로그인하려고 할 때 Google로 로그인 옵션을 표시할 수 있습니다. 많은 사람들은 비밀번호를 등록하고 기억할 필요가 없기 때문에 시간을 절약할 수 있기 때문에 이 버튼을 좋아합니다. 필요한 것은 기존 Google 계정뿐입니다.

WordPress WordPress용 Google 소셜 로그인(Google Single Sign-On(SSO))은 다음을 사용하여 달성할 수 있습니다. WordPress 소셜 로그인 플러그인.
이 가이드에서는 WordPress 웹사이트에서 Google 로그인을 가장 쉬운 방법으로 구현하는 방법을 살펴보겠습니다. WordPress 소셜 로그인 플러그인에서 제공하는 다른 기능에 대해 자세히 알아보려면 다음을 수행하세요. 여기를 클릭하세요.

OAuth 2.0이란 무엇입니까?

OAuth 2.0은 업계 표준 인증 프로토콜입니다. OAuth 2.0은 클라이언트 개발자의 사용 편의성을 우선시하는 동시에 웹 앱, 데스크톱 애플리케이션, 휴대폰 및 거실 장치에 대한 특정 인증 프로세스를 제공합니다.

WordPress 소셜 로그인 플러그인을 사용하면 Google을 OAuth 및 OpenID Connect 공급자로 활용하면서 WordPress에 안전하게 로그인할 수 있습니다. Facebook, Discord, Twitter, Apple, Amazon, Stackoverflow, LinkedIn과 같은 여러 Oauth 공급자를 사용하도록 플러그인을 구성할 수도 있습니다. 사용자 정의 아이콘, 리디렉션 등과 같은 정교한 Single Sign-On 기능을 사용할 수 있습니다. 이 글에서는 WordPress와 Google 간에 SSO를 설정하는 방법을 살펴보겠습니다.

사용자가 로그인할 수 있도록 허용하는 데 관심이 있는 경우 구글 앱 WordPress 웹사이트에 계정을 등록했다면 이 가이드가 도움이 될 것입니다!


WordPress(WP)에 Google 소셜 로그인을 구성하는 단계

1단계: WordPress에서 Google 앱 소셜 로그인 구성

WordPress에서 Google 로그인을 구성하려면 아래 단계를 따르세요.

미니오렌지 img Google 소셜 로그인 구성
  • Google 개발자 콘솔로 이동하세요. https://console.cloud.google.com/cloud-resource-manager Google 개발자 계정으로 가입/로그인하세요.
  • Google 앱 WordPress 소셜 로그인
  • 로그인 후 프로젝트 생성을 클릭하세요.
  • Google wp WordPress 소셜 로그인 Google 앱
  • 프로젝트 이름을 입력하고 선택적으로 제공된 프로젝트 ID를 편집합니다. 만들기를 클릭하세요.
  • Google WordPress 소셜 로그인 앱 프로젝트 세부정보
  • 프로젝트가 생성될 때까지 기다립니다.
  • WordPress용 Google wp 소셜 로그인
  • 왼쪽 메뉴를 클릭하고 API 및 서비스 -> OAuth 동의 화면으로 이동합니다.
  • Google WordPress 소셜 로그인 OAuth 동의 화면 앱
  • 프로젝트 선택을 클릭하세요.
  • Google 앱 WP 소셜 로그인
  • 이전 단계에서 입력한 프로젝트 이름을 클릭하여 새로 생성된 프로젝트를 선택합니다.
  • Google wp를 사용한 WordPress 소셜 로그인
  • 선택 외부 사용자 유형으로 선택하고 생성을 클릭합니다.
  • Google 소셜 로그인 앱 사용자 유형 구성 WordPress 소셜 로그인
  • 앱 정보를 편집하라는 메시지가 표시됩니다. 앱 이름과 사용자 지원 이메일을 입력하세요.
  • Google 앱 앱 정보 수정 WordPress 소셜 로그인
  • 다음을 클릭하여 miniOrange 소셜 로그인 플러그인(지침 페이지)에서 승인된 도메인을 추가하세요. 도메인 추가 버튼. 개발자 연락처 정보를 추가하세요. 그런 다음 클릭하세요. 저장하고 계속하기.
  • Google 앱 인증 WordPress 소셜 로그인
  • 범위 화면에서 범위 추가 또는 제거를 클릭합니다. 확인하다 '.../auth/userinfo.email''.../auth/userinfo.profile'. 아래로 스크롤하여 저장하고 계속을 클릭하세요.
  • 로그인을 위한 Google WordPress 소셜 로그인 범위
  • 테스트 사용자 화면에서 다음을 클릭하세요. 사용자 추가. 앱을 테스트할 신뢰할 수 있는 사용자 몇 명을 추가하세요. 주의하세요. 이러한 사용자는 제거할 수 없습니다. 아래로 스크롤하여 저장하고 계속을 클릭하세요. 아래로 스크롤하여 대시보드로 돌아가기를 클릭하세요.
  • WordPress의 소셜 로그인을 위한 Google WordPress 테스트 사용자 앱
  • 왼쪽 메뉴에서 자격 증명을 클릭한 다음 드롭다운에서 자격 증명 만들기를 클릭하고 Oauth 클라이언트 ID를 선택합니다.
  • 소셜 로그인을 위한 Google 앱 자격 증명
  • 애플리케이션 유형 드롭다운에서 웹 애플리케이션을 선택합니다.
  • 웹사이트에 소셜 로그인을 위한 Google 웹 애플리케이션
  • 클라이언트 이름을 입력하고 miniOrange 소셜 로그인 플러그인에서 승인된 리디렉션 URL을 추가하세요. 만들기를 클릭하세요.
  • Google WordPress 소셜 로그인 승인 도메인
  • 클라이언트 ID와 클라이언트 시크릿을 복사하여 miniOrange 소셜 로그인 플러그인의 앱 ID 및 앱 시크릿 필드에 각각 붙여넣습니다.
  • WordPress 소셜 로그인을 위한 Google 앱 클라이언트 ID 및 클라이언트 비밀번호
  • 자격 증명 화면에서 클라이언트 이름을 클릭하면 클라이언트 ID와 클라이언트 비밀번호를 볼 수도 있습니다.
  • WP에 대한 Google 소셜 로그인
  • 왼쪽 메뉴를 클릭하고 API 및 서비스 -> OAuth 동의 화면으로 이동합니다. 게시 상태에서 앱 게시를 클릭하고 확인을 클릭하세요.
  • 개발자 콘솔에 Google 앱 게시

2. miniOrange 소셜 로그인 플러그인에서 자격 증명 설정

  • 이동 miniOrange 소셜 로그인 플러그인 → 앱 구성 클릭 → Google 클릭:
  • Google 앱 WordPress 소셜 로그인 miniOrange 소셜
  • 복사 고객 ID고객 비밀 설정 위의 양식을 작성하여 Google 지침의 필드에 붙여넣습니다.
  • Google WordPress 앱 소셜 로그인 클라이언트 ID 및 비밀번호
  • 다음을 클릭하십시오. 구성 저장 및 테스트 버튼을 클릭합니다.
  • Google WordPress 소셜 로그인 테스트 구성 앱
  • 지금 새 창이 나타나고 Google 계정에 로그인하라는 메시지가 표시됩니다. Google for Developer에 계정을 등록할 때 사용한 계정으로 로그인하세요. 로그인 프로세스를 완료하려면 다음으로 계속을 누르세요.
  • 테스트가 성공했다는 플러그인의 알림이 표시됩니다. 이는 맞춤형 앱이 올바르게 설정된다는 의미입니다.

  • 웹사이트의 사용자 정의 로그인/등록 페이지에 소셜 로그인 아이콘을 추가할 수 없는 경우 다음을 사용할 수 있습니다. 단축 코드 안내서.

WordPress 웹사이트에 대한 Google 소셜 로그인을 성공적으로 구성했습니다.


매력적인 소셜 로그인 아이콘

  • 또한 최신 버전의 소셜 로그인 플러그인에서는 소셜 로그인 아이콘 원형, 둥근 아이콘, 정사각형 및 긴 버튼에 대한 4가지 유형의 모양을 갖춘 매력적인 소셜 로그인 아이콘을 제공합니다. 기본, 흰색 배경, 사용자 정의 배경, 호버, 사용자 정의 호버 및 스마트를 포함한 XNUMX가지 테마. 또한 모든 유형의 테마와 버튼에 대한 변환 효과를 제공합니다.

인기 있는 통합

WooCommerce 통합

WooCommerce 통합을 사용하면 WooCommerce 페이지에 소셜 로그인 버튼을 표시하고 청구서 및 청구서에서 사용자 세부 정보를 미리 채울 수 있습니다.
결제 필드

더 알아보기 →

디스코드 통합

Discord 통합 애드온을 사용하면 로그인/등록을 제한할 수 있습니다
사용자 기반
사용자가 있는지 여부
디스코드 서버에서

더 알아보기 →

HubSpot 통합

Hubspot 애드온은 Hubspot 통합을 제공합니다.
사용자 연락처가 Hubspot 연락처 목록에 자동으로 추가됩니다.
성공적으로 등록을 통해
소셜 로그인 애플리케이션

더 알아보기 →

맞춤 등록 양식

맞춤형 등록 양식 추가 기능을 사용하면 신규 사용자와 기존 사용자의 세부 정보를 통합할 수 있습니다. 등록 중 소셜 사이트에서 반환된 필드를 포함하여 여러 필드 추가

더 알아보기 →

BuddyPress 통합

Buddypress 통합 애드온은 buddypress 디스플레이 옵션과 두 가지 기능을 모두 제공합니다.
그리고 버디프레스
확장된 속성 매핑

더 알아보기 →

MailChimp 통합

Mailchimp 추가 기능은 다음을 도와줍니다.
신규 사용자와 기존 사용자의 세부 정보를 통합합니다. Mailchimp는 아름다운 브랜드 이메일로 청중의 참여를 유도하는 데 도움이 됩니다.

더 알아보기 →

추가 자료


찾을 수 없는 내용이 있으면 다음 주소로 이메일을 보내주세요. socialloginsupport@xecurify.com

안녕하세요!

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

SUPPORT
miniOrange 지원팀에 문의하세요
성공

문의 해 주셔서 감사합니다.

24시간 이내에 연락을 받지 못한 경우 언제든지 다음 이메일로 후속 이메일을 보내주세요. info@xecurify.com