Instagram Single Sign-On(SSO)을 구성하는 단계 WordPress에 로그인

1. Instagram을 OAuth 공급자로 설정

• 클라이언트 ID와 클라이언트 비밀번호를 생성하려면 Instagram 애플리케이션을 만들어야 합니다. 당신은 따라갈 수 있습니다 이 단계들 Instagram용 애플리케이션을 만들려면
• OAuth Single Sign-On SSO(OAuth 클라이언트) 플러그인을 활성화합니다.
• 로 이동 OAuth 구성 탭을 선택 맞춤형 OAuth 2.0 앱 인사말 사용자 정의 응용 프로그램 명부.
• 인스타그램 애플리케이션에서 생성된 클라이언트 ID와 클라이언트 비밀번호를 입력하세요.
• 아래 표에 제공된 범위와 엔드포인트를 입력하세요.
• 온 클릭 찜하기 버튼을 눌러 구성을 저장하고 테스트 구성.

성공적으로 구성되었습니다 인스타그램 귀하의 WordPress 사이트에 Instagram 로그인을 달성하기 위한 OAuth 제공자입니다.

2. WordPress를 OAuth 클라이언트로 설정

• 무료
• 프리미엄

• We Buy Orders 신청서를 클릭하세요. OAuth 구성 탭을 클릭하십시오. 새 애플리케이션 추가 웹사이트에 새로운 클라이언트 애플리케이션을 추가하려면

• 여기의 OAuth/OpenID Connect 공급자 목록에서 애플리케이션을 선택하세요. 인스타그램.

• 복사 콜백 URL OAuth 공급자 구성에서 사용하려면 다음을 클릭하세요. 다음.

• 구성 앱 이름. 아래 표에서 엔드포인트를 복사하여 붙여넣으세요.



클라이언트 ID :	구성된 인스타그램 애플리케이션에서
클라이언트 비밀 :	구성된 인스타그램 애플리케이션에서
범위:	사용자_프로필 사용자_미디어
엔드포인트 승인:	https://api.instagram.com/oauth/authorize
액세스 토큰 엔드포인트:	https://api.instagram.com/oauth/access_token
사용자 정보 가져오기 끝점:	https://graph.instagram.com/me?fields=id,username&access_token=
로그아웃 후 사용자 정의 리디렉션 URL:[선택 과목]	https://instagram.com/accounts/logout



• 다음과 같은 클라이언트 자격 증명을 입력하십시오. 클라이언트 ID 및 클라이언트 비밀번호 설정 대화 상자에 표시된 대로 범위 값을 다음과 같이 입력합니다. 사용자_프로필, 사용자_미디어. 딸깍 하는 소리 다음.

• 구성 세부정보를 확인하고 다음을 클릭하세요. 마감재 구성을 저장합니다.

• We Buy Orders 신청서를 클릭하세요. OAuth 구성 탭을 클릭하고 애플리케이션 이름을 검색하여 웹사이트에 새 클라이언트 애플리케이션을 추가하세요. 여기 Instagram.

• 구성 앱 이름, 클라이언트 ID, 클라이언트 비밀번호, 도메인 Instagram SSO 애플리케이션에서

• 당신의 선택 부여 유형 옵션 목록에서 & 클릭 구성을 저장하려면 설정 저장.

성공적으로 구성되었습니다 OAuth 클라이언트로서의 WordPress 귀하의 WordPress 사이트에 Instagram 로그인을 달성하기 위한 것입니다.

3. 사용자 속성 매핑.

• 사용자가 WordPress에 성공적으로 로그인하려면 사용자 속성 매핑이 필수입니다. 아래 설정을 사용하여 WordPress에 대한 사용자 프로필 속성을 설정하겠습니다.

사용자 속성 찾기

• We Buy Orders 신청서를 클릭하세요. OAuth 구성 탭. 아래로 스크롤하여 클릭하세요. 테스트 구성.

• OAuth 공급자가 WordPress에 반환한 모든 값이 표로 표시됩니다. 이름, 성, 이메일 또는 사용자 이름 값이 표시되지 않으면 OAuth 공급자에서 필수 설정을 지정하여 이 정보를 반환하세요.

• 테스트 구성에 모든 값이 표시되면 다음으로 이동하세요. 속성/역할 매핑 탭을 클릭하면 사용자 이름 드롭다운에 속성 목록이 표시됩니다.


4. 역할 매핑 [프리미엄]

• 를 클릭하십시오 “테스트 구성” 그러면 OAuth 공급자가 보낸 속성 이름 및 속성 값 목록을 받게 됩니다.
• 테스트 구성 창에서 플러그인의 속성 매핑 섹션에 있는 속성 이름을 매핑합니다. 자세한 내용은 스크린샷을 참조하세요.

• 역할 매핑 활성화: 역할 매핑을 활성화하려면 그룹 이름 속성을 매핑해야 합니다. 제공자 애플리케이션에서 역할을 반환하는 속성 목록에서 속성 이름을 선택합니다.
  예 : 직위별


• 공급자 역할에 WordPress 역할을 할당합니다. 제공자 애플리케이션에 따라 WordPress 역할을 제공자 역할에 할당할 수 있습니다. 귀하의 응용 프로그램에 따라 학생, 교사, 관리자 또는 기타 사람이 될 수 있습니다. 그룹 속성 값 아래에 공급자 역할을 추가하고 WordPress 역할 아래에서 그 앞에 필요한 WordPress 역할을 할당합니다.
  
  예를 들어, 아래 이미지에서. 교사에게는 관리자 역할이 할당되고 학생에게는 구독자 역할이 할당됩니다.

• 매핑을 저장하면 SSO 이후 공급자 역할에 WordPress 관리자 역할이 할당됩니다.
  예: 주어진 예에 따라 '교사' 역할을 가진 사용자는 WordPress의 관리자로 추가되고 '학생'은 구독자로 추가됩니다.

5. 로그인 설정

• SSO(Single Sign-On) 설정 탭의 설정은 SSO(Single Sign-On)에 대한 사용자 환경을 정의합니다. WordPress 페이지에 Instagram 로그인 위젯을 추가하려면 아래 단계를 따라야 합니다.

WordPress 5.7 이하의 로그인 설정

• We Buy Orders 신청서를 클릭하세요. WordPress 왼쪽 패널 > 모양 > 위젯.
• 선택 미니오렌지 OAuth. 원하는 위치로 드래그 앤 드롭하고 저장하세요.


WordPress 5.8의 로그인 설정

• We Buy Orders 신청서를 클릭하세요. WordPress 왼쪽 패널 > 모양 > 위젯.
• 선택 미니오렌지 OAuth. 원하는 위치로 드래그 앤 드롭하고 저장하세요.

• WordPress 페이지를 열면 Instagram SSO 로그인 버튼이 표시됩니다. 이제 Instagram Single Sign-On(SSO)을 테스트할 수 있습니다.

WordPress 5.9의 로그인 설정

• 확인 "로그인 페이지에 표시" 응용프로그램에 옵션이 활성화되어 있습니다. (아래 이미지 참고)

• 이제 당신의 WordPress 로그인 페이지. (예: https://< your-wordpress-domain >/wp-login.php)
• 거기에 Instagram SSO 로그인 버튼이 표시됩니다. 로그인 버튼을 클릭하면 인스타그램 SSO(Single Sign-On)를 테스트할 수 있습니다.


이 가이드에서는 성공적으로 구성했습니다. 인스타그램 싱글 사인온(SSO) WP OAuth Single Sign-On(OAuth 및 OpenID Connect 클라이언트) 플러그인을 사용하여 Instagram을 OAuth 공급자로, WordPress를 OAuth 클라이언트로 구성합니다. 이 솔루션을 사용하면 몇 분 안에 Instagram 로그인 자격 증명을 사용하여 WordPress 사이트에 대한 보안 액세스를 출시할 수 있습니다.

추가 자료

• OAuth 공급자/OpenID Connect로서의 Instagram Graph API
• WordPress 싱글 사인온(SSO) OAuth / OpenID Connect / JWT
• OAuth 2.0은 무엇이고 어떻게 작동하나요?
• 자주 묻는 질문

도움이 필요하신가요?

메일을 보내주세요 oauthsupport@xecurify.com 귀하의 요구 사항에 대한 빠른 안내(이메일/회의를 통해)를 원하시면 저희 팀이 귀하의 요구 사항에 따라 가장 적합한 솔루션/계획을 선택하도록 도와드릴 것입니다.