다음을 통해 공유

페이지 레이아웃 버전

  • 아티클

페이지 레이아웃 패키지는 페이지 요소의 수정 사항 및 개선 사항을 포함하도록 주기적으로 업데이트됩니다. 다음 변경 로그는 각 버전에 도입된 변경 내용을 지정합니다.

Important

Azure Active Directory B2C는 새로운 페이지 레이아웃 버전마다 향상된 기능과 수정 사항을 릴리스합니다. 모든 페이지 요소에 최신 보안 기능, 접근성 표준 및 피드백이 반영되도록 페이지 레이아웃 버전을 최신 상태로 유지하는 것이 좋습니다.

jQuery 및 Handlebars 버전

Azure AD B2C 페이지 레이아웃은 다음 버전의 jQuery 라이브러리 및 핸들바 템플릿을 사용합니다.

요소 페이지 레이아웃 버전 범위 jQuery 버전 핸들바 런타임 버전 Handlebars 컴파일러 버전
다단계 >= 1.2.8 3.5.1 4.7.7 4.7.7
>= 1.2.4 3.5.1 4.7.6 4.7.7
< 1.2.4 3.4.1 4.0.12 2.0.1
< 1.2.0 1.12.4
selfasserted >= 2.1.11 3.5.1 4.7.7 4.7.7
>= 2.1.4 3.5.1 4.7.6 4.7.7
< 2.1.4 3.4.1 4.0.12 2.0.1
< 1.2.0 1.12.4
unifiedssp >= 2.1.7 3.5.1 4.7.7 4.7.7
>= 2.1.4 3.5.1 4.7.6 4.7.7
< 2.1.4 3.4.1 4.0.12 2.0.1
< 1.2.0 1.12.4
globalexception >= 1.2.3 3.5.1 4.7.7 4.7.7
>= 1.2.1 3.5.1 4.7.6 4.7.7
< 1.2.1 3.4.1 4.0.12 2.0.1
< 1.2.0 1.12.4
providerselection >= 1.2.3 3.5.1 4.7.7 4.7.7
>= 1.2.1 3.5.1 4.7.6 4.7.7
< 1.2.1 3.4.1 4.0.12 2.0.1
< 1.2.0 1.12.4
claimsconsent >= 1.2.2 3.5.1 4.7.7 4.7.7
>= 1.2.2 3.5.1 4.7.7 4.7.7
< 1.2.1 3.4.1 4.0.12 2.0.1
< 1.2.0 1.12.4
unifiedssd >= 1.2.3 3.5.1 4.7.7 4.7.7
>= 1.2.1 3.5.1 4.7.6 4.7.7
< 1.2.1 3.4.1 4.0.12 2.0.1
< 1.2.0 1.12.4

자체 어설션된 페이지(셀프 어설션됨)

2.1.30

  • 읽기 전용 시나리오(예: 전화 번호 변경)에 대한 전자 메일 변경이 제거되었습니다. 전화 번호를 변경하려는 경우 전자 메일을 더 이상 변경할 수 없으며 이제는 읽기 전용입니다.
  • Captcha 컨트롤 구현

2.1.26

  • 이벤트로 Key Down 대체 Keypress 되고 클래식 모드에서 필수가 아닌 경우 방지 Asterisk 합니다.

2.1.25

  • CSP(콘텐츠 보안 정책) 위반을 수정하고 추가 요청 헤더 X-Aspnetmvc-Version을 제거합니다.

2.1.24

  • 접근성 버그를 수정했습니다.
  • MFA 관련 문제 및 IE11 호환성 문제가 해결되었습니다.

2.1.23

  • 접근성 버그를 수정했습니다.
  • 기본 템플릿의 UI 표시 영역에 대한 min-width 값이 감소되었습니다.

2.1.22

  • 접근성 버그를 수정했습니다.
  • 백 엔드 라이브러리에서 생성된 QR 코드 이미지를 채택하는 논리를 추가했습니다.

2.1.21

  • XSS 공격을 방지하기 위해 스크립트 태그의 더 많은 삭제 이 수정 버전은 .의 <body>모든 스크립트 태그를 중단합니다. 태그에 스크립트 태그를 <head> 추가해야 합니다. 자세한 내용은 Azure Active Directory B2C에서 JavaScript 및 페이지 레이아웃 버전 사용을 참조 하세요.

2.1.20

  • MFA에서 Enter 이벤트 트리거를 수정했습니다.
  • CSS는 작은 화면에 대해 세로 방식으로 렌더링 페이지 텍스트/컨트롤을 변경합니다.

2.1.19

  • 접근성 버그를 수정합니다.
  • 기존 사용자 등록에 대해 정의되지 않은 오류 메시지를 처리합니다.
  • 페이지 수준 대신 암호 불일치 오류를 인라인으로 이동합니다.

2.1.18

  • 필수 항목에 별표 추가
  • 클래식 템플릿에 대한 TOTP 스토어 아이콘 위치 수정
  • 확인 코드가 인증된 경우에만 입력 항목을 활성화합니다.
  • 배경 이미지에 대한 대체 텍스트 추가
  • TOTP 검증을 통한 서버 오류에 대한 사용자 지정 추가

2.1.17

  • 설명적인 오류 메시지를 추가하고 forgotPassword 링크를 수정했습니다.
  • 확인란을 그룹으로 만들기
  • 제어 변경 시 유효성 검사 오류 업데이트를 적용하고 유효성 검사된 이메일에서 계속을 사용하도록 설정합니다.
  • 유효성 검사 실패 응답에 오류 코드에 더 많은 필드 추가

2.1.16

  • 코드를 확인하는 동안 "확인 컨트롤에 대한 클레임이 확인되지 않았습니다." 버그가 수정되었습니다.
  • 유효성 검사 성공 시 오류 메시지를 숨기고 유효성 검사를 위해 코드를 보냅니다.

2.1.15

  • QR 텍스트 길이로 인한 QR 코드 생성 버그 수정

2.1.14

  • TOTP 다단계 인증 화면에 대한 WCAG 2.1 접근성 버그가 수정되었습니다.

2.1.10

  • 탭 인덱스 수정
  • WCAG 2.1 접근성 및 화면 읽기 프로그램 문제 수정

2.1.9

  • TOTP 다단계 인증 지원. 사용자가 Microsoft 인증자 앱을 다운로드하고 설치하여 인증자에 대한 TOTP 등록을 완료할 수 있는 링크를 추가합니다.

2.1.8

  • 클레임 이름은 사용자의 특성 입력 요소를 둘러싼 <li> HTML 요소의 class 특성에 추가됩니다. 클래스 이름을 사용하면 CSS 선택기를 만들어 특정 사용자 특성 입력 요소의 부모 <li>를 선택할 수 있습니다. 다음 HTML 태그는 등록 페이지에 대한 클래스 특성을 보여줍니다.

    <div id="attributeList" class="attr">
  <ul>
    <li class="EmailBox email_li">...</li>
    <li class="Password newPassword_li">...</li>
    <li class="Password reenterPassword_li">...</li>
    <li class="TextBox displayName_li">...</li>
    <li class="TextBox givenName_li">...</li>
    <li class="TextBox surname_li">...</li>
    <li class="TextBox extension_age_li">...</li>
  </ul>
</div>

2.1.7

  • 요청이 실패하는 언어 인코딩 문제를 해결했습니다.
  • 양식 제출 시에만 인라인 오류 메시지를 표시하는 접근성 버그를 수정했습니다.

2.1.6

  • 다른 필드에 너무 빨리 입력할 경우 지워지는 암호 오류를 해결했습니다.

2.1.5

  • 텍스트 중간에 편집할 때 iOS에서 커서 점프 문제가 해결되었습니다.

2.1.4

  • jQuery 버전을 3.5.1로 업데이트했습니다.
  • HandlebarJS 버전을 4.7.6으로 업데이트했습니다.

2.1.3

  • 보안 수정.

2.1.2

  • 스페인어 및 프랑스어와 같은 언어에 대한 지역화 인코딩 문제가 해결되었습니다.

2.1.1

  • 페이지에 제목으로 표시하는 것 intro 외에도 UXString heading 이 추가되었습니다. 이 메시지는 기본적으로 숨겨집니다.
  • iCloud 키 집합에 암호를 저장하는 지원이 추가되었습니다.
  • 레이아웃(classic, oceanBlue 또는 slateGray)을 선택하기 위해 정책 또는 QueryString 매개 변수 pageFlavor페이지에 제목으로 표시하는 지원을 추가했습니다.
  • 자체 어설션된 페이지에 고지 사항이 추가되었습니다.
  • 이제 페이지가 로드될 때 편집 가능한 첫 번째 필드에 포커스가 배치됩니다.
  • 이제 여러 필드에 오류가 있는 경우 첫 번째 오류 필드에 포커스가 배치됩니다.
  • 이제 전자 메일 확인 코드가 확인된 후 '변경' 단추에 포커스가 배치됩니다.

2.1.0

  • 지역화 및 접근성 수정.

2.0.0

  • 사용자 지정 정책의 표시 컨트롤에 대한 지원을 추가했습니다.

1.2.0

  • 사용자 이름/전자 메일 및 암호 필드는 이제 HTML 요소를 사용하여 form Microsoft Edge 및 Internet Explorer에서 이 정보를 제대로 저장할 수 있도록 합니다.
  • 사용자 환경을 개선하기 위해 구성 가능한 사용자 입력 유효성 검사 지연을 추가했습니다.
  • 접근성 수정
  • 내레이터에서 오류 메시지를 읽도록 접근성 문제를 해결합니다.
  • 이제 메일이 확인된 후 암호 필드에 포커스가 배치됩니다.
  • 확인란 컨트롤에서 제거되었습니다 autofocus .
  • 전화 번호 확인을 위한 디스플레이 컨트롤에 대한 지원이 추가되었습니다.
  • 이제 HTML 태그에 data-preload="true" 특성을 추가할 수 있습니다.
    • 연결된 CSS 파일을 HTML 템플릿과 동시에 로드하므로 파일 로드 사이에 ‘깜박임’이 발생하지 않습니다.
    • 페이지가 로드되기 전에 script 태그를 가져오고 실행하는 순서를 제어합니다.
  • 이제 type=email 전자 메일 필드가 있으며 모바일 키보드는 올바른 제안을 제공합니다.
  • Chrome 번역에 대한 지원.
  • 사용자 흐름 페이지에서 회사 브랜딩에 대한 지원이 추가되었습니다.

1.1.0

  • 취소 경고 제거됨
  • 오류 요소에 대한 CSS 클래스
  • 향상된 오류 논리 표시/숨기기
  • 기본 CSS 제거됨

1.0.0

  • 초기 릴리스

암호 재설정 링크를 사용하는 통합 로그인 및 가입 페이지(unifiedssp)

팁

여러 로캘 또는 사용자 흐름의 언어를 지원하도록 페이지를 지역화하는 경우. 지역화 ID 문서에서는 선택한 페이지 버전에 사용할 수 있는 지역화 ID 목록을 제공합니다.

2.1.18

  • Captcha 컨트롤 구현

2.1.17

  • UnifiedSSP(접근성)에 Aria 필수를 포함합니다.

2.1.14

  • Keypress를 Key Down 이벤트로 바꿨습니다.

2.1.13

  • CSP(콘텐츠 보안 정책) 위반을 수정하고 더 많은 요청 헤더 X-Aspnetmvc-Version 제거

2.1.12

  • IE11 호환성을 위해 ReplaceAll 함수를 제거했습니다.

2.1.11

  • 접근성 버그를 수정했습니다.

2.1.10

  • XSS 공격을 방지하기 위해 스크립트 태그의 추가 삭제를 추가했습니다. 이 수정 버전은 .의 <body>모든 스크립트 태그를 중단합니다. 태그에 스크립트 태그를 <head> 추가해야 합니다. 자세한 내용은 Azure Active Directory B2C에서 JavaScript 및 페이지 레이아웃 버전 사용을 참조 하세요.

2.1.9

  • 접근성 버그를 수정했습니다.
  • 고대비 단추 표시 및 앵커 포커스 개선과 관련된 접근성 변경

2.1.8

  • 설명적인 오류 메시지를 추가하고 forgotPassword 링크를 수정했습니다!

2.1.7

  • 접근성 수정 - 탭 인덱스 수정

2.1.6

  • 접근성 수정 - 확인을 위해 입력 필드에 포커스를 설정합니다.
  • UI 요소 및 CSS 클래스에 대한 업데이트

2.1.5

  • idp 선택기 템플릿이 로그인 페이지에서 사용되는 경우 탭 순서의 문제를 해결했습니다.
  • 로그인 링크 텍스트의 인코딩 문제가 해결되었습니다.

2.1.4

  • jQuery 버전을 3.5.1로 업데이트했습니다.
  • HandlebarJS 버전을 4.7.6으로 업데이트했습니다.

2.1.3

  • 보안 수정.
  • 사소한 버그 수정.

2.1.2

  • 스페인어 및 프랑스어와 같은 언어에 대한 지역화 인코딩 문제가 해결되었습니다.
  • "암호 잊기" 링크를 클레임 교환으로 사용할 수 있도록 허용합니다. 자세한 내용은 셀프 서비스 암호 재설정을 참조하세요.

2.1.1

  • 페이지에 제목으로 표시하는 것 intro 외에도 UXString heading 이 추가되었습니다. 이 메시지는 기본적으로 숨겨집니다.
  • 레이아웃(classic, oceanBlue 또는 slateGray)을 선택하기 위해 정책 또는 QueryString 매개 변수 pageFlavor페이지에 제목으로 표시하는 지원을 추가했습니다.
  • iCloud 키 집합에 암호를 저장하는 지원이 추가되었습니다.
  • 이제 여러 필드에 오류가 있는 경우 첫 번째 오류 필드에 포커스가 배치됩니다.
  • 이제 페이지가 로드될 때 편집 가능한 첫 번째 필드에 포커스가 배치됩니다.
  • 클레임 공급자 선택 링크 bottomUnderFormClaimsProviderSelections에 대한 새 위치가 추가되었습니다.
  • 더 이상 사용되지 않는 UXStrings가 제거되었습니다.

2.1.0

  • 여러 등록 링크에 대한 지원이 추가되었습니다.
  • 정책에 정의된 조건자 규칙에 따라 사용자 입력 유효성 검사에 대한 지원이 추가되었습니다.
  • 로그인 옵션이 이메일로 설정된 경우 로그인 헤더에는 “로그인 이름으로 로그인”이 표시됩니다. 사용자 이름 필드에는 “로그인 이름”이 표시됩니다. 자세한 내용은 지역화를 참조 하세요.

1.2.0

  • 사용자 이름/전자 메일 및 암호 필드는 이제 HTML 요소를 사용하여 form Microsoft Edge 및 Internet Explorer에서 이 정보를 제대로 저장할 수 있도록 합니다.
  • 접근성 수정
  • 이제 HTML 태그에 data-preload="true" 특성을 추가하여 CSS 및 JavaScript의 부하 순서를 제어할 수 있습니다.
    • 연결된 CSS 파일을 HTML 템플릿과 동시에 로드하므로 파일 로드 사이에 ‘깜박임’이 발생하지 않습니다.
    • 페이지가 로드되기 전에 script 태그를 가져오고 실행하는 순서를 제어합니다.
  • 이제 type=email 전자 메일 필드가 있으며 모바일 키보드는 올바른 제안을 제공합니다.
  • Chrome 번역에 대한 지원.
  • 사용자 흐름 페이지에서 테넌트 브랜딩에 대한 지원이 추가되었습니다.

1.1.0

  • KMSI(로그인 유지) 컨트롤이 추가됨

1.0.0

  • 초기 릴리스

MFA 페이지(다단계)

1.2.16

  • '전화 전용' 모드에 대한 Enter 키를 수정합니다.
  • Captcha 컨트롤에 구현

1.2.12

  • KeyPress를 KeyDown 이벤트로 바꿨습니다.

1.2.11

  • IE11 호환성을 위해 ReplaceAll 함수를 제거했습니다.

1.2.10

  • 접근성 버그를 수정했습니다.

1.2.9

  • MFA에서 이벤트 트리거를 수정합니다 Enter .
  • CSS 변경 내용은 작은 화면에 대해 페이지 텍스트/컨트롤을 수직 방식으로 렌더링합니다.
  • 다단계 탭 탐색 버그를 수정합니다.

1.2.8

  • 추가 심사를 위해 백 엔드에 대한 오류가 있는 MFA 확인에 대한 응답 상태를 전달했습니다.

1.2.7

  • 다시 시도 코드 레이블의 접근성 문제가 수정되었습니다.
  • Internet Explorer 11에서 기본 매개 변수의 비호환성으로 인한 문제를 해결했습니다.
  • H1 제목을 설정하고 기본적으로 사용하도록 설정합니다.
  • HandlebarJS 버전을 4.7.7로 업데이트했습니다.

1.2.6

  • 확인 코드 필드의 autocomplete 값을 false에서 꺼짐으로 수정했습니다.
  • 몇 가지 XSS 인코딩 문제를 수정했습니다.

1.2.5

  • 요청이 실패하는 언어 인코딩 문제를 해결했습니다.

1.2.4

  • jQuery 버전을 3.5.1로 업데이트했습니다.
  • HandlebarJS 버전을 4.7.6으로 업데이트했습니다.

1.2.3

  • 언어 지역화를 통해 도구 설명 문자열 재정의 허용
  • 보안 수정.
  • 사소한 버그 수정.

1.2.2

  • iOS를 사용할 때 확인 코드를 자동 필터링하는 문제가 해결되었습니다.
  • Android 웹 보기에서 신뢰 당사자로 토큰을 리디렉션하는 문제를 해결했습니다.
  • 페이지에 제목으로 표시하는 것 intro 외에도 UXString heading 이 추가되었습니다. 이 메시지는 기본적으로 숨겨집니다.
  • 레이아웃(classic, oceanBlue 또는 slateGray)을 선택하기 위해 정책 또는 QueryString 매개 변수 pageFlavor페이지에 제목으로 표시하는 지원을 추가했습니다.

1.2.1

  • 기본 템플릿의 접근성 수정

1.2.0

  • 접근성 수정
  • 이제 HTML 태그에 data-preload="true" 특성을 추가하여 CSS 및 JavaScript의 부하 순서를 제어할 수 있습니다.
    • 연결된 CSS 파일을 HTML 템플릿과 동시에 로드하므로 파일 로드 사이에 ‘깜박임’이 발생하지 않습니다.
    • 페이지가 로드되기 전에 script 태그를 가져오고 실행하는 순서를 제어합니다.
  • 이제 type=email 전자 메일 필드가 있으며 모바일 키보드는 올바른 제안을 제공합니다.
  • Chrome 번역에 대한 지원.
  • 사용자 흐름 페이지에서 테넌트 브랜딩에 대한 지원이 추가되었습니다.

1.1.0

  • '코드 확인' 단추가 제거됨
  • 이제 코드의 입력 필드가 최대 6자까지만 입력됩니다.
  • 페이지는 단추를 클릭하지 않고도 6자리 숫자 코드가 입력될 때 입력된 코드를 자동으로 확인하려고 시도합니다.
  • 코드가 잘못된 경우 입력 필드가 자동으로 지워집니다.
  • 잘못된 코드를 사용하여 세 번 시도하면 B2C는 신뢰 당사자에게 오류를 다시 보냅니다.
  • 접근성 수정
  • 기본 CSS 제거됨

1.0.0

  • 초기 릴리스

예외 페이지(globalexception)

1.2.5

  • IE11 호환성을 위해 ReplaceAll 함수를 제거했습니다.

1.2.4

  • 접근성 버그를 수정했습니다.

1.2.3

  • HandlebarJS 버전을 4.7.7로 업데이트했습니다.

1.2.2

  • H1 제목을 설정하고 기본적으로 사용하도록 설정합니다.

1.2.1

  • jQuery 버전을 3.5.1로 업데이트했습니다.
  • HandlebarJS 버전을 4.7.6으로 업데이트했습니다.

1.2.0

  • 접근성 수정
  • 이제 HTML 태그에 data-preload="true" 특성을 추가하여 CSS 및 JavaScript의 부하 순서를 제어할 수 있습니다.
    • 연결된 CSS 파일을 HTML 템플릿과 동시에 로드하므로 파일 로드 사이에 ‘깜박임’이 발생하지 않습니다.
    • 페이지가 로드되기 전에 script 태그를 가져오고 실행하는 순서를 제어합니다.
  • 이제 type=email 전자 메일 필드가 있으며 모바일 키보드는 올바른 제안을 제공합니다.
  • Chrome 번역에 대한 지원

1.1.0

  • 접근성 수정
  • 정책에서 연락처가 없는 경우 기본 메시지를 제거했습니다.
  • 기본 CSS 제거됨

1.0.0

  • 초기 릴리스

기타 페이지(ProviderSelection, ClaimsConsent, UnifiedSSD)

1.2.4

  • IE11 호환성을 위해 ReplaceAll 함수를 제거합니다.

1.2.3

  • 접근성 버그를 수정했습니다.

1.2.2

  • HandlebarJS 버전을 4.7.7로 업데이트했습니다.

1.2.1

  • jQuery 버전을 3.5.1로 업데이트했습니다.
  • HandlebarJS 버전을 4.7.6으로 업데이트했습니다.

1.2.0

  • 접근성 수정
  • 이제 HTML 태그에 data-preload="true" 특성을 추가하여 CSS 및 JavaScript의 부하 순서를 제어할 수 있습니다.
    • 연결된 CSS 파일을 HTML 템플릿과 동시에 로드하므로 파일 로드 사이에 ‘깜박임’이 발생하지 않습니다.
    • 페이지가 로드되기 전에 script 태그를 가져오고 실행하는 순서를 제어합니다.
  • 이제 type=email 전자 메일 필드가 있으며 모바일 키보드는 올바른 제안을 제공합니다.
  • Chrome 번역에 대한 지원

1.0.0

  • 초기 릴리스

다음 단계

사용자 지정 정책에서 애플리케이션의 사용자 인터페이스를 사용자 지정하는 방법에 대한 자세한 내용은 사용자 지정 정책을 사용하여 애플리케이션의 사용자 인터페이스 사용자 지정을 참조하세요.