검색 결과 :

×

Azure AD B2C SSO OAuth/OpenID Connect Single Sign On into TYPO3 | Azure AD B2C 로그인

Typo3 OAuth 2.0 인증 및 권한 부여 싱글 사인온(SSO) 확장 프로그램을 사용하면 프런트엔드 및 백엔드(관리자 및 고객) 사용자가 Azure Active Directory B2C(Azure B2C) 자격 증명을 사용하여 Typo3 사이트에 원활하게 로그인할 수 있습니다. 이 확장 프로그램은 OAuth 2.0 프로토콜을 사용하여 Azure B2C 로그인(Azure Active Directory OAuth 싱글 사인온)을 Typo3와 통합합니다.

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

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

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

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

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

1. Azure AD B2C를 OAuth 공급자로 설정

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

Azure AD B2C를 OAuth 공급자로 구성

유튜브에서 Azure 포털.
에서 Azure 서비스 메뉴 선택 Azure AD B2C.

Typo3 Azure AD B2C Single Sign On, Azure AD SSO 로그인 | Typo3 Azure B2C SSO

클릭 앱 등록 왼쪽 탐색 패널에서 서비스를 클릭한 다음 신규 등록.

Azure AD B2C SSO OAuth/OpenID/OIDC Single Sign On, Azure AD SSO 앱 등록

입력 애플리케이션 이름. 선택 Web 드롭다운 메뉴에서 리디렉션 URL. (확장 프로그램의 OAuth 설정 탭에서 리디렉션 URL을 얻을 수 있습니다). 회원가입 너의 어플리케이션.

Typo3 Azure AD B2C Single Sign On, Azure AD SSO 등록

귀하의 애플리케이션에는 Azure AD B2C에 의해 고유한 애플리케이션 ID가 제공됩니다. 복사 응용 프로그램 ID 그리고 디렉토리 ID, 이것은 당신의 것입니다 고객 ID 임차인 ID 각각.

Typo3 SSO Azure AD B2C SSO OAuth/OpenID/OIDC Single Sign On, Azure AD SSO 개요

왼쪽 탐색 열에서 다음을 선택합니다. 인증서 및 비밀 그리고 나서 새로운 고객 비밀. 클릭 ADD 설명과 만료 시간을 입력한 후 버튼을 클릭하세요.

Typo3 Azure AD B2C SSO Azure AD SSO 클라이언트 비밀

생성된 클라이언트 시크릿에서 얻은 값을 복사합니다. 이것은 당신의 것입니다 비밀 키.

Azure AD B2C SSO OAuth/OpenID/OIDC Single Sign On, Azure AD SSO 비밀 키

로 이동 Azure AD B2C. 선택 사용자 흐른다. 그리고 선택 새로운 사용자 흐름 드롭 다운 메뉴에서

사용자 흐름의 이름을 지정합니다. 선택하다 이메일 가입 를 클릭하고 만들기 버튼을 클릭합니다.

Azure AD B2C SSO OAuth/OpenID/OIDC Single Sign On, Azure AD SSO 사용자 흐름 생성

생성된 사용자 흐름을 클릭하세요.

Azure AD B2C Typo3 SSO 사용자 흐름 선택 | Typo3 Azure B2C SSO

교체 정책 이름 방금 적절한 엔드포인트에서 생성했습니다.

Azure AD SSO(Single Sign-On)를 사용하여 Typo2 사용자 통합을 위한 OAuth 공급자로 Azure AD(Active Directory) B3C를 성공적으로 구성했습니다.

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

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

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

범위:	openid
엔드포인트 승인:	https://{tenant-name}.b2clogin.com/{tenant-name}.onmicrosoft.com/{policy-name}/oauth2/v2.0/authorize
액세스 토큰 엔드포인트:	https://{tenant-name}.b2clogin.com/{tenant-name}.onmicrosoft.com/{policy-name}/oauth2/v2.0/token
사용자 정보 가져오기 끝점:	https://graph.microsoft.com/v1.0/me

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

Typo3 SSO OAuth 2.0 SSO 자격 증명 Azure AD B2C SSO

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

Typo3 OAuth 자격 증명 Azure AD B2C SSO OAuth

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

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

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

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

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

Azure AD B2C Typo3 SSO - Typo2의 Azure AD B3C SSO(Single Sign-On) 로그인 - 역할 매핑

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