검색 결과 :

×
회원가입 문의하기

WordPress에 소셜 로그인을 위한 Google 앱을 만드는 방법 | 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용 Google 소셜 로그인은 당사의 서비스를 통해 구현할 수 있습니다. 워드프레스용 소셜 로그인 플러그인입니다.
이 가이드에서는 워드프레스 웹사이트에 구글 로그인을 가장 쉽게 구현하는 방법을 살펴보겠습니다. 워드프레스용 소셜 로그인 플러그인의 다른 기능에 대해 자세히 알아보려면 다음을 참조하세요. 여기를 클릭하세요. .

OAuth 2.0이란 무엇입니까?

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

소셜 로그인 플러그인은 Google을 OAuth 및 OpenID Connect 제공업체로 활용하여 WordPress에서 WordPress로 안전하게 로그인할 수 있도록 해줍니다. Facebook, Discord, Twitter, Apple, Amazon, Stackoverflow, LinkedIn 등 다양한 OAuth 제공업체를 사용하도록 플러그인을 구성할 수도 있습니다. 이 플러그인은 사용자 지정 아이콘, 리디렉션 등과 같은 정교한 싱글 사인온(SSO) 기능을 제공합니다. 이 글에서는 WordPress와 Google 간의 SSO 설정 방법을 살펴보겠습니다.

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

이 플러그인 받기
워드프레스용 소셜 로그인 플러그인

Google 설정 동영상 보기

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

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

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

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

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

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

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

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


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

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


추가 자료


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

안녕하세요!

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

SUPPORT