검색 결과 :

×

Keycloak 싱글 사인온(SSO) TYPO3 OAuth & OpenID | TYPO3 키클로크 SSO

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

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

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

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

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 확장을 구성하는 동안 필요하므로 편리합니다.

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

1. Keycloak을 OAuth 공급자로 설정

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

Keycloak을 OAuth 공급자로 구성

우선, 키클로크 다운로드 그것을 설치합니다.
서버 시작: _standalone.sh_ 파일을 실행하여 keycloak 서버를 시작합니다.
keycloak/bin/standalone.sh의 루트 디렉터리
영역 추가: 이제 keycloak 관리 콘솔에 로그인하고 원하는 영역으로 이동하세요. 다음을 선택하여 새 영역을 추가할 수 있습니다. 영역 추가 옵션을 선택합니다.

영역 생성: 영역 이름을 입력하고 클릭하세요. 몹시 떠들어 대다 영역을 추가하려면
역할 생성: 역할은 애플리케이션에서 애플리케이션에 액세스할 수 있는 권한을 부여할 사용자를 정의하는 데 사용됩니다. 다음을 클릭하세요. 역할 그리고 추가를 선택하세요 직위별.

Typo3 Keycloak SSO OAuth openid connect 역할 추가

사용자 추가: 영역의 리소스에 액세스할 수 있는 사용자를 영역에 추가해야 합니다. 다음을 클릭하세요. 사용자 그리고 선택 새로운 사용자 추가.

Keycloak Typo3 로그인 OAuth Typo3 SSO 사용자 추가

사용자 구성: 사용자가 생성된 후에는 다음 작업을 수행해야 합니다.

비밀번호를 설정하려면 자격 증명을 클릭하고 사용자에 대한 새 비밀번호를 설정하세요.

참고: 임시를 비활성화하면 사용자 비밀번호가 영구적으로 설정됩니다.

지도 사용자: 사용자를 역할에 매핑해야 합니다. 클릭 역할 매핑 사용 가능한 역할 중에서 사용자가 원하는 역할을 할당하고 선택 항목 추가.

그룹 생성: 온 클릭 그룹 선택하고 새 소식 새 그룹을 만듭니다.

Keycloak OAuth openid는 Typo3용 SSO를 연결하여 그룹 생성

사용자를 그룹에 할당: 그룹에 추가하려는 사용자를 선택하세요. 탭에서 그룹 옵션을 선택한 다음 그룹 이름을 선택하고 클릭하세요. 어울리다.

Keycloak SSO OAuth openid connect 사용자를 그룹에 할당

OpenID 클라이언트를 생성합니다: 온 클릭 고객사 선택하고 만들 새 클라이언트를 생성합니다. 임의의 문자열을 다음과 같이 입력하세요. 고객 ID 다음 단계에서 필요하므로 잘 보관하세요. 클라이언트 프로토콜 선택 openeid-connect 선택 찜하기.

Keycloak SSO OAuth Openid 연결 Openid 클라이언트 생성

엔터 버튼 액세스 유형 변경: 클라이언트가 생성된 후 액세스 유형을 다음으로 변경합니다. 비밀

유효한 리디렉션 URL을 입력하세요. 콜백 URL 복사(다음에서 입력: miniOrange Typo3 OAuth 싱글 사인온(SSO) 마지막 단계에서 복사한 플러그인)을 마지막 단계에서 클릭한 다음 저장.
예 -- https://oauth/callback
Keycloak 그룹 매퍼: 이제 그룹 세부 정보를 얻으려면 그룹 멤버십으로 클라이언트 매핑을 수행해야 합니다. 그렇지 않으면 그룹 세부 정보를 가져오지 않습니다. 그래서 클라이언트 선택에서 매퍼 다음을 클릭하십시오 만들. 매퍼 유형 선택 그룹 회원 이름과 토큰 청구 이름(즉, 가져올 그룹에 해당하는 속성 이름)을 입력하고 클릭하세요. 찜하기
참고: - 전체 경로가 그룹 경로에 있으면 가져오며, 그렇지 않으면 그룹 이름을 가져옵니다.
클라이언트 비밀번호 얻기: 이제 클라이언트 비밀을 얻어야 합니다. 그래서 선택 고객사 자격 증명을 선택하고 여기에서 비밀을 복사하세요.

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

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

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

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

범위:	이메일 프로필
엔드포인트 승인:	/realms/{영역 이름}/protocol/openid-connect/auth
액세스 토큰 엔드포인트:	/realms/{영역 이름}/protocol/openid-connect/token
사용자 정보 가져오기 끝점:	/realms/{영역 이름}/protocol/openid-connect/userinfo

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

Typo3 OAuth 2.0 SSO 자격 증명 | Typo3 키클로크 SSO

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

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

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

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

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

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

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

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