검색 결과 :

×

OAuth/OpenID Connect를 사용하여 TYPO3에 Okta Single Sign-On SSO | 옥타 OIDC 로그인

Typo3 OAuth 2.0 인증 및 권한 부여 SSO(Single Sign-On) 확장을 사용하면 프런트엔드 및 백엔드(관리자 및 고객) 사용자가 Okta 자격 증명을 사용하여 Typo3 사이트에 원활하게 로그인할 수 있습니다. Typo3 OAuth/OpenID Connect 싱글 사인온(SSO) 확장을 사용하면 OAuth2를 사용하여 Typo3에서 Okta 로그인을 쉽게 설정할 수 있습니다(Okta 싱글 사인온).

Typo3 OAuth 및 OpenID Connect 싱글 사인온(SSO) 확장 프로그램을 사용하면 Azure AD, Azure B2C, Okta, Keycloak, Salesforce 등과 같은 모든 OAuth 및 OpenID Connect 공급자를 사용하여 Typo3에 안전하게 로그인할 수 있습니다. 이 확장 프로그램은 사용자 프로필 속성 매핑, 역할 매핑 등과 같은 고급 싱글 사인온(SSO) 기능도 지원합니다. Typo3 OAuth 싱글 사인온(OAuth 및 OpenID Connect 클라이언트) 확장 프로그램의 프리미엄 기능에 대한 자세한 내용은 여기를 클릭하십시오 .

이 가이드에서는 Typo3와 Okta 간에 SSO를 설정하는 방법을 살펴보겠습니다. 이 가이드가 끝나면 사용자는 Okta를 통해 Typo3에 로그인할 수 있어야 합니다.

Typo3 OAuth 싱글 사인온(OAuth 및 OpenID Connect SSO) 확장 프로그램에서 제공하는 다른 기능에 대해 자세히 알아보려면 여기를 클릭하십시오.

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

TYPO3에 OAuth 클라이언트/OpenID Connect 확장 설치

작곡가 사용
수동 설치

작곡가를 사용하여 확장을 설치하려면 아래 명령을 사용하십시오.
composer req miniorange/miniorange_oidc
이제 검색 "miniOrange OpenIDConnect" 설치된 확장 섹션에서 활성화 버튼을 클릭하여 확장을 활성화합니다.
설치 후 새로 설치된 확장 프로그램을 클릭하십시오. "miniOrange OpenIDConnect" TYPO3 SSO의 경우 등록된 miniOrange 자격 증명으로 로그인하세요.

프리미엄 고객인 경우 사용자 이름과 비밀번호를 입력한 후 계속 진행하려면 라이센스 키가 필요합니다. (이 키는 miniOrange 팀에서 제공합니다. 라이센스 키를 입력한 후 라이센스를 활성화하고 계속 진행할 수 있습니다.)

프리미엄 고객이 아닌 경우 miniOrange 자격 증명을 제출하여 원활하게 로그인할 수 있습니다.
로그인에 성공하면 귀하의 계정과 관련된 세부 정보를 볼 수 있습니다.

이제 IdP를 구성할 준비가 되었습니다. 하지만 먼저 프론트엔드를 통합하는 것이 중요합니다.

TYPO3 마켓플레이스에서 OAuth/OIDC 확장의 zip 파일을 다운로드하세요.
TYPO3 백엔드로 이동하여 화면 왼쪽에 있는 Extensions(확장) 섹션을 클릭하세요.
아래 이미지와 같이 zip 파일을 업로드합니다.

이제 검색 "miniOrange OpenIDConnect" 설치된 확장 섹션에서 활성화 버튼을 클릭하여 확장을 활성화합니다.
설치 후 새로 설치된 확장 프로그램을 클릭하십시오. "miniOrange OpenIDConnect" TYPO3 SSO의 경우 등록된 miniOrange 자격 증명으로 로그인하세요.

프리미엄 고객인 경우 사용자 이름과 비밀번호를 입력한 후 계속 진행하려면 라이센스 키가 필요합니다. (이 키는 miniOrange 팀에서 제공합니다. 라이센스 키를 입력한 후 라이센스를 활성화하고 계속 진행할 수 있습니다.)

프리미엄 고객이 아닌 경우 miniOrange 자격 증명을 제출하여 직접 로그인할 수 있습니다.
로그인에 성공하면 귀하의 계정과 관련된 세부 정보를 볼 수 있습니다.
이제 IdP를 구성할 준비가 되었습니다. 하지만 먼저 프론트엔드를 통합하는 것이 중요합니다.

TYPO3과 확장 기능 통합

온 클릭 페이지 왼쪽 탐색에서.
그런 다음 해당 폴더를 마우스 오른쪽 버튼으로 클릭하여 프런트엔드 사용자를 저장할 폴더를 만들어야 합니다. 홈 페이지 및 선택 새 하위 페이지.

선택 폴더 드롭다운에서 입력하세요.

폴더 이름을 다음과 같이 지정하십시오. 웹사이트 사용자 그리고 클릭 저장합니다.

행동 탭으로 이동하여 추가하세요. 웹사이트 사용자 그것합니다.

생성된 폴더에 빨간색 하이픈 기호가 표시되면 해당 폴더가 활성화되지 않았음을 의미합니다. 그런 다음 해당 폴더를 마우스 오른쪽 버튼으로 클릭하고 사용.
XNUMX개를 추가해야 합니다. 표준 내의 페이지 HOME 페이지. 프리미엄 플러그인을 사용하는 경우 세 개의 페이지를 만들 수 있습니다.
여기서는 페이지 이름을 다음과 같이 간주합니다. FEOIDC, 응답, 로그아웃 (프리미엄 고객의 경우 로그아웃은 선택 사항입니다.)
를 만들려면 FEOIDC 페이지에서 마우스 오른쪽 버튼을 클릭하세요. 홈 페이지를 선택한 다음 선택하세요. 새 하위 페이지 선택 표준 드롭다운에서 입력하세요.

다음으로 페이지 제목 추가 FEOIDC 클릭 찜하기.

그런 다음 다시 클릭하세요. FEOIDC 페이지 그리고 클릭 콘텐츠 추가. 플러그인으로 이동하여 추가하세요. FEOIDC 플러그인 그리고 클릭 찜하기.

플러그인 탭으로 이동하여 FEOIDC 플러그인을 선택하세요.

웹사이트 사용자 추가 기록 보관 페이지 설정을 저장합니다.

활성화할 수 있습니다. FEOIDC 마우스 오른쪽 버튼을 클릭하고 선택하여 페이지 사용 옵션을 선택합니다.

초기 SSO URL이기도 한 URL 세그먼트를 변경해야 하는 경우 FEOIDC 페이지를 마우스 오른쪽 버튼으로 클릭하고 편집을 선택한 후 "URL 전환" 버튼을 클릭하여 원하는 방식으로 URL을 설정하세요.
동일한 단계에 따라 응답의 표준 페이지를 만들고 구성합니다.
응답 페이지에 대해 응답 플러그인을 선택했는지 확인하십시오.
유지 FEOIDC 응답 페이지 URL은 OAuth/OpenID Connect 확장을 구성하는 동안 필요하므로 편리합니다.

Okta OAuth 및 OpenID SSO(Single Sign-On)를 구성하는 단계 Typo3에 로그인

1. Okta를 OAuth 공급자로 설정

Okta를 OAuth 공급자로 구성하려면 아래 단계를 따르세요.

Okta를 OAuth 공급자로 구성

우선 https://www.okta.com/login Okta 계정에 로그인하세요.
로 이동 Okta 관리자 패널. 이동 응용 프로그램 -> 응용 프로그램.

Typo3 SSO Okta 싱글 사인온(SSO) OAuth OIDC 앱으로 이동

다음 화면이 나타납니다. 클릭 응용 프로그램 추가 버튼을 클릭합니다.

를 클릭하십시오 새 앱 만들기 앱을 만들려면

왼쪽 메뉴에서 Web 플랫폼으로서, OpenID Connect 로그온 방법으로 다음을 클릭하십시오. 만듭니다.

플랫폼으로서의 OAuth OIDC Typo3 Okta SSO(Single Sign On) 웹

앱 세부정보 페이지로 리디렉션됩니다. 입력하다 응용 프로그램 이름 로그인 리디렉션 URI. 복사 리디렉션/콜백 URL 플러그인에서 구성까지 로그인 리디렉션 URL. 를 클릭하십시오 찜하기.

Typo3 SSO Okta 싱글 사인온(SSO) OAuth OIDC, sso 콜백 URL

앱 세부정보 페이지로 이동됩니다. 아래로 스크롤하여 클라이언트 자격 증명 안내

Typo3 SSO Okta 단일 사인온 Typo3 로그인 SSO 클라이언트 자격 증명

이 자격 증명을 복사하십시오. Typo3 OAuth 싱글 사인온(SSO) 플러그인 해당 필드에 대한 구성.

Okta를 OAuth 제공업체로 성공적으로 구성하여 Typo3를 사용한 Okta Single Sign-On(SSO) 사용자 인증을 구현했습니다.

2. Typo3을 OAuth 클라이언트로 구성

OAuth 공급자를 성공적으로 구성한 후 다음을 입력합니다. OAuth 제공자 이름, 고객 ID, 고객 비밀, 범위 그리고 엔드포인트를 제공했습니다.

OAuth 클라이언트를 구성하려면 아래 엔드포인트를 참조하세요.

범위:	공개 이메일
엔드포인트 승인:	https://{yourOktaDomain}.com/oauth2/default/v1/authorize
액세스 토큰 엔드포인트:	https://{yourOktaDomain}.com/oauth2/default/v1/token
사용자 정보 가져오기 끝점:	https://{yourOktaDomain}.com/oauth2/default/v1/userinfo

온 클릭 찜하기 버튼을 눌러 설정을 저장하십시오.

Typo3 SSO OAuth 2.0 SSO 자격 증명 | Typo3 옥타 SSO

온 클릭 테스트 구성 버튼을 클릭합니다.

OAuth 공급자가 Typo3에 반환한 모든 값을 표로 볼 수 있습니다. 이름, 성, 이메일 또는 사용자 이름 값이 표시되지 않으면 OAuth 공급자에서 필수 설정을 지정하여 이 정보를 반환하세요.
Typo3를 OAuth 클라이언트로 성공적으로 구성했습니다. 이제 Typo3 프런트엔드 사이트에 사용자 정의 SSO 버튼을 만들고 여기에 FEOIDC 페이지 URL을 삽입하여 SSO를 시작할 수 있습니다.

3: 속성 매핑(선택 사항). *프리미엄 기능입니다.

속성 매핑 탭에서 속성을 매핑할 수 있습니다. 무료 버전의 확장 프로그램에서는 사용자 이름과 이메일만 매핑할 수 있습니다. 그러나 확장의 프리미엄 버전에서는 OAuth 공급자에서 제공되는 다양한 속성을 Typo3 사이트에 있는 속성에 매핑할 수 있습니다.

4: 그룹 매핑(선택 사항). *프리미엄 기능입니다.

SSO를 수행할 때 관리자가 아닌 모든 사용자에게 할당될 무료 확장에서 기본 역할을 지정할 수 있습니다.
그룹 매핑 탭으로 이동하여 그룹 매핑 섹션으로 이동합니다.
기본 역할을 선택하고 저장 버튼을 클릭합니다.

Okta Typo3 SSO - Okta Single Sign-On(SSO) Typo3에 로그인 - 역할 매핑

구성하여 Okta 로 OAuth 제공자 Typo3 로 OAuth 클라이언트 Typo3 OAuth 클라이언트 확장을 사용하여 Typo3 Okta Single Sign-On(SSO)을 성공적으로 설치했습니다. 이 솔루션 덕분에 몇 분 안에 Okta 로그인 자격 증명을 사용하여 Typo3 사이트에 안전하게 액세스할 수 있습니다.