WordPress를 OAuth 서버로 활용한 React.js OAuth SSO 구현 | WordPress를 사용한 React.js SSO

회사 개요

WordPress용 OAuth 서버 플러그인을 사용하면 WordPress 사용자 이름과 비밀번호를 이용하여 React.js에 싱글 사인온(SSO)으로 로그인할 수 있습니다. React.js를 WordPress용 OAuth 서버 플러그인으로 구성하면 WordPress 자격 증명을 사용하여 React.js 애플리케이션에 로그인할 수 있습니다. 또한, OAuth 서버 플러그인을 사용하면 필요에 따라 사용자 지정 WordPress 사용자 속성을 React.js 앱으로 전송할 수 있습니다. WordPress용 OAuth 서버 플러그인의 다른 기능에 대한 자세한 내용은 여기를 클릭 하세요.

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

• WordPress 인스턴스에 관리자로 로그인합니다.
• 워드프레스로 이동 대시보드 >> 플러그인 그리고 클릭 새 플러그인 추가.
• 에 대한 검색 WordPress용 OAuth 서버 싱글 사인온(SSO) 플러그인 그리고 클릭 지금 설치.
• 설치가 완료되면 클릭하세요. 활성화.

구성 단계

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

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

이 가이드에서는 WordPress를 OAuth 제공업체로, React.js를 OAuth 클라이언트로 사용하여 React.js 에 SSO(싱글 사인온)를 성공적으로 구성하는 방법을 설명합니다. 이를 위해 WordPress용 OAuth 서버 플러그인을 사용했습니다. 이 솔루션을 통해 WordPress 사이트 자격 증명을 사용하여 React.js에 안전하게 액세스할 수 있도록 몇 분 안에 환경을 구축할 수 있습니다.

관련 기사

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