React.js SAML Single Sign-On(SSO) | WordPress를 사용하여 React.js에 로그인

회사 개요

WordPress용 OAuth 서버 플러그인을 사용하면 WordPress 사용자 이름과 비밀번호를 이용하여 React.js에 싱글 사인온(SSO)으로 로그인할 수 있습니다. React.js에 WordPress용 OAuth 서버 플러그인을 구성하면 WordPress 자격 증명을 사용하여 React.js 애플리케이션에 로그인할 수 있습니다. 또한 OAuth 서버 플러그인을 사용하면 사용자 지정 WordPress 사용자 속성을 전송할 수도 있습니다. 필요에 따라 React.js 앱에 통합하세요. WordPress용 OAuth 서버 플러그인에서 제공하는 다른 기능에 대해 자세히 알아보려면 다음을 참조하세요. 여기를 클릭하세요..

전제조건 : 다운로드 및 설치

• WordPress를 SAML IDP로 구성하고 WordPress에서 React.js를 SP로 구성하려면 다음을 설치해야 합니다. OAuth 서버 (워드프레스를 이용한 로그인).

구성 단계

1단계: WordPress를 OAuth 서버로 설정

• We Buy Orders 신청서를 클릭하세요. miniOrange OAuth 서버 왼쪽 메뉴에서.
• 이제 필요한 OAuth 클라이언트를 검색하세요(예: 반응).
• 온 클릭 반응 아이콘.

• 엔터 버튼 고객 이름 원하는대로. 받기 리디렉션/콜백 URL React.js에서 입력하세요 승인된 리디렉션 URI 들. 클릭 클라이언트 저장 버튼을 클릭합니다.

• 메모해 두세요 클라이언트 ID, 클라이언트 비밀, 엔드포인트 및 범위 OAuth 클라이언트에서 구성합니다.

2단계: React.js를 OAuth 클라이언트로 설정

• 다음을 통합해야 합니다. OAuth 서버 API 로 React.Js 애플리케이션 SSO를 활성화하기 위해.
• 반응 애플리케이션에 OAuth 서버 API를 통합한 후 리디렉션 URL 나중에 필요할 때를 대비해 가까이 두세요.
• 제공 클라이언트 ID, 클라이언트 비밀번호, 및 기타 필요한 정보 (아래 표 참조)

클라이언트 ID:	Click Here
클라이언트 비밀번호:	Click Here
범위:	프로필 공개 ID
엔드포인트 승인:	https://< your-wordpress-domain >/wp-json/moserver/authorize
액세스 토큰 엔드포인트:	https://< your-wordpress-domain >/wp-json/moserver/token
사용자 정보 가져오기 끝점:	https://< your-wordpress-domain >/wp-json/moserver/resource

• 이제 클릭하십시오. 찜하기 버튼을 클릭합니다.

이 가이드에서는 SSO(Single Sign-On)를 성공적으로 구성했습니다. React.js WordPress를 OAuth 제공업체로, React.js를 OAuth 클라이언트로 사용하고 WordPress용 OAuth 서버 플러그인을 활용하는 솔루션입니다. 이 솔루션을 통해 WordPress 사이트 자격 증명을 사용하여 React.js에 안전하게 액세스할 수 있도록 몇 분 안에 준비할 수 있습니다.

관련 기사

• 싱글 사인온(SSO)이란 무엇입니까?
• OAuth란 무엇입니까?
• WordPress용 OAuth 서버 싱글 사인온(SSO)
• WordPress용 miniOrange OAuth 서버를 활성화하는 단계 가이드
• 자주 묻는 질문