Show Menu
화제×

적응형 양식 작업을 위한 우수 사례

개요

Adobe Experience Manager(AEM) 양식을 사용하면 복잡한 트랜잭션을 간단하고 매력적인 디지털 경험으로 탈바꿈시킬 수 있습니다. 그러나 효율적이고 생산적인 AEM Forms 에코시스템을 구현, 구축, 실행 및 유지 관리하기 위한 공동 노력이 필요합니다.
이 문서에서는 양식 관리자, 작성자 및 개발자가 AEM Forms, 특히 적응형 양식 구성 요소를 사용하여 작업할 때 활용할 수 있는 지침과 권장 사항을 제공합니다. 양식 개발 프로젝트 설정에서부터 AEM Forms 구성, 사용자 정의, 작성 및 최적화에 이르기까지 모범 사례에 대해 설명합니다. 이러한 모범 사례는 AEM Forms 에코시스템의 전반적인 성능에 종합적으로 기여합니다.
또한 다음은 일반적인 AEM 우수 사례에 대한 몇 가지 권장 읽기 사항입니다.

AEM Forms 설정 및 구성

양식 개발 프로젝트 설정

단순화되고 표준화된 프로젝트 구조를 통해 개발 및 유지 관리 작업을 크게 줄일 수 있습니다. Apache Maven은 AEM 프로젝트를 빌드하는 데 권장되는 오픈 소스 도구입니다.
  • Apache Maven aem-project-archetype 을 사용하여 AEM 프로젝트의 구조를 만들고 관리합니다. AEM 프로젝트에 대해 권장되는 구조와 템플릿을 만듭니다. 또한 프로젝트를 관리하는 데 도움이 되는 빌드 자동화 및 변경 제어 시스템을 제공합니다.
    • 초기 구조를 생성하려면 maven archetype:generate 명령을 사용합니다.
    • maven 명령을 사용하여 eclipse 프로젝트 파일을 생성하고 프로젝트를 eclipse로 가져올 수 있습니다 eclipse:eclipse .
  • FileVault 도구 또는 VLT를 사용하면 CRX 또는 AEM 인스턴스의 컨텐츠를 파일 시스템에 매핑할 수 있습니다. AEM 프로젝트 콘텐츠 체크 인 및 체크 아웃과 같은 변경 제어 관리 작업을 제공합니다. VLT 도구 사용 방법을 참조하십시오 .
  • Eclipse 통합 개발 환경을 사용하는 경우 AEM 개발자 도구를 사용하여 Eclipse IDE와 AEM 인스턴스를 매끄럽게 통합하여 AEM 애플리케이션을 만들 수 있습니다. 자세한 내용은 Eclipse용 AEM 개발자 도구를 참조하십시오 .
  • /libs 폴더에 콘텐트를 저장하거나 수정하지 마십시오. /app 폴더에 오버레이를 만들어 기본 기능을 확장하거나 덮어씁니다.
  • 콘텐츠를 이동할 패키지를 생성할 때 패키지 필터 경로가 올바르고 필요한 경로만 명시되어 있어야 합니다.
  • /libs 폴더에 콘텐트를 저장하거나 수정하지 마십시오. /app 폴더에 오버레이를 만들어 기본 기능을 확장하거나 덮어씁니다.
  • 패키지에 대한 올바른 종속성을 정의하여 사전에 결정된 설치 순서/순서를 강제합니다.
  • /libs 또는 /apps에서 참조 가능한 노드를 만들지 마십시오.

작성 환경 계획

AEM 프로젝트를 설정했으면 적응형 양식 템플릿 및 구성 요소를 작성하고 사용자 지정하기 위한 전략을 정의합니다.
  • 적응형 양식 템플릿은 적응형 양식의 구조와 머리글/바닥글 정보를 정의하는 특수 AEM 페이지입니다. 템플릿에는 적응형 양식의 레이아웃, 스타일 및 기본 구조가 미리 구성되어 있습니다. AEM Forms은 적응형 양식을 작성하는 데 사용할 수 있는 기본 템플릿과 구성 요소를 제공합니다. 그러나 사용자 요구 사항에 따라 사용자 정의 템플릿과 구성 요소를 만들 수 있습니다. 적응형 양식에 필요한 추가 템플릿 및 구성 요소에 대한 요구 사항을 수집하는 것이 좋습니다. 자세한 내용은 적응형 양식 및 구성 요소 맞춤화를 참조하십시오 .
  • AEM Forms을 사용하면 다음 양식 모델을 기반으로 적응형 양식을 만들 수 있습니다. 양식 모델은 양식과 AEM 시스템 간의 데이터 교환을 위한 인터페이스 역할을 하며, 적응형 양식 내외부에서 데이터 흐름을 위한 XML 기반 구조를 제공합니다. 또한 양식 모델은 스키마 및 XFA 제한 형식의 적응형 양식에 규칙 및 제한 사항을 적용합니다.
    • 없음 : 이 옵션을 사용하여 만든 응용 양식에서는 양식 모델을 사용하지 않습니다. 이러한 양식에서 생성된 데이터 XML은 필드 및 해당 값이 있는 플랫 구조를 가집니다.
    • XML 또는 JSON 스키마 : XML 및 JSON 스키마는 조직의 백엔드 시스템에서 데이터를 생성하거나 사용하는 구조를 나타냅니다. 스키마를 적응형 양식에 연결하고 해당 요소를 사용하여 적응형 양식에 동적 컨텐츠를 추가할 수 있습니다. 스키마의 요소는 적응형 양식을 작성하기 위해 컨텐츠 브라우저의 # 탭에서 사용할 수 있습니다. 스키마 요소를 드래그 드롭하여 양식을 작성할 수 있습니다.
    • XFA 양식 템플릿 : XFA 기반 HTML5 양식에 대한 투자를 하는 경우 이상적인 양식 모델입니다. XFA 기반 양식을 적응형 양식으로 바로 변환할 수 있는 방법을 제공합니다. 기존 XFA 규칙은 연결된 적응형 양식에 그대로 유지됩니다. 결과 적응형 양식은 유효성 검사, 이벤트, 속성 및 패턴과 같은 XFA 구문을 지원합니다.
    • 양식 데이터 모델 : 데이터베이스, 웹 서비스 및 AEM 사용자 프로필과 같은 백엔드 시스템을 통합하여 적응형 양식을 미리 채우고 제출된 양식 데이터를 백엔드 시스템에 다시 쓰려는 경우 선호하는 양식 모델입니다. 양식 데이터 모델 편집기를 사용하면 적응형 양식을 만드는 데 사용할 수 있는 양식 데이터 모델에서 엔티티와 서비스를 정의하고 구성할 수 있습니다. 자세한 내용은 AEM Forms 데이터 통합을 참조하십시오 .
요구 사항에 부합할 뿐만 아니라 XFA 및 XSD 자산에 대한 기존 투자를 확대하는 데이터 모델을 신중하게 선택하는 것이 중요합니다. 생성된 XML은 스키마에 의해 정의된 XPATH에 따라 데이터를 포함하므로 XSD 모델을 사용하여 양식 템플릿을 만드는 것이 좋습니다. 양식 데이터 모델의 기본 선택 항목으로 XSD 모델을 사용하면 데이터를 처리 및 소비하는 백엔드 시스템에서 양식 디자인을 분리하고 양식 필드의 1~1 매핑으로 양식 성능을 향상시킬 수 있습니다. 또한 필드의 BindRef를 XML로 데이터 값의 XPATH로 만들 수 있습니다.
자세한 내용은 적응형 양식 만들기를 참조하십시오 .
  • 적응형 양식에는 몇 가지 일반적인 섹션이 있습니다. 컨텐츠를 식별하고 컨텐츠 재사용 촉진을 위한 전략을 정의할 수 있습니다. 적응형 양식을 사용하면 독립 실행형 조각을 만들어 여러 양식에 재사용할 수 있습니다. 패널을 응용 양식으로 저장할 수도 있습니다. 조각의 모든 변경 사항은 모든 관련 양식에 반영됩니다. 제작 시간을 단축하고 양식 간에 일관성을 유지할 수 있습니다. 또한 조각을 사용하면 적응형 양식을 경미하게 만들 수 있으므로 작성 환경이 향상되고 특히 큰 양식도 향상되었습니다. 자세한 내용은 응용 양식 조각을 참조하십시오 .

적응형 양식 및 구성 요소 사용자 정의

  • AEM Forms은 적응형 양식을 만드는 데 사용할 수 있는 기본 적응형 양식 템플릿을 제공합니다. 자신만의 템플릿을 만들 수도 있습니다. AEM에서는 정적 템플릿과 편집 가능한 템플릿을 제공합니다.
    • 정적 템플릿은 개발자가 정의하고 구성합니다.
    • 편집 가능한 템플릿은 템플릿 편집기를 사용하여 작성자가 만듭니다. 템플릿 편집기를 사용하면 템플릿의 기본 구조와 초기 컨텐츠를 정의할 수 있습니다. 구조 레이어의 수정 사항은 해당 템플릿을 사용하여 모든 양식에 반영됩니다. 초기 컨텐츠에는 사전 구성된 테마, 자동 완성 서비스, 제출 작업 등이 포함될 수 있습니다. 그러나 이러한 설정은 양식 편집기를 사용하여 양식에 대해 수정할 수 있습니다. 자세한 내용은 적응형 양식 템플릿을 참조하십시오 .
  • 특정 필드 또는 패널 인스턴스의 스타일을 지정하려면 인라인 스타일링을 사용합니다 . 또는 CSS 파일에서 클래스를 정의하고 구성 요소의 CSS 클래스 속성에 클래스 이름을 지정할 수 있습니다.
  • 구성 요소에 클라이언트 라이브러리를 포함시켜 해당 구성 요소를 사용하는 적응형 양식 또는 조각에 스타일을 일관되게 적용할 수 있습니다. 자세한 내용은 적응형 양식 페이지 구성 요소 만들기를 참조하십시오 .
  • 클라이언트 라이브러리에 정의된 스타일을 적용하여 적응형 양식 컨테이너 속성의 CSS 파일 경로 필드에서 클라이언트 라이브러리에 대한 경로를 지정하여 적응형 양식을 선택할 수 있습니다.
  • 스타일 클라이언트 라이브러리를 만들려면 테마 편집기 기본 clientlib 또는 양식 컨테이너 속성에서 사용자 지정 CSS 파일을 구성할 수 있습니다.
  • 적응형 양식은 응답형, 탭 구분, 아코디언, 마법사 등 패널 레이아웃을 제공하여 패널에서 양식 구성 요소를 배치하는 방식을 제어할 수 있습니다. 사용자 정의 패널 레이아웃을 만들어 양식 작성자가 사용할 수 있도록 만들 수 있습니다. 자세한 내용은 적응형 양식의 사용자 지정 레이아웃 구성 요소 만들기를 참조하십시오 .
  • 또한 필드 및 패널 레이아웃과 같은 특정 적응형 양식 구성 요소를 사용자 정의할 수 있습니다.
    • AEM의 오버레이 기능을 사용하여 구성 요소의 사본을 수정합니다. 기본 구성 요소를 수정하는 것은 권장되지 않습니다.
    • /libs에서 바로 사용 가능한 양식 구성 요소의 레이아웃을 사용자 정의하려면 기본 레이아웃 외에도 사용자 정의 레이아웃 구성 요소를 만듭니다 .
    • 사용자 정의 위젯 또는 모양을 만들어 사용자 정의 인터랙티브한 요소를 소개할 수 있습니다. 기본 구성 요소를 수정하는 것은 권장되지 않습니다. 자세한 내용은 모양 프레임워크를 참조하십시오 .

적응형 양식 작성

작성용 터치에 적합한 UI 사용

  • 세로 막대의 # 브라우저를 사용하여 양식 계층 구조에서 깊이 있는 필드에 빠르게 액세스할 수 있습니다. 검색 상자를 사용하여 양식 또는 객체 트리에서 객체를 검색하여 한 객체에서 다른 객체로 이동할 수 있습니다.
  • 사이드바의 구성 요소 브라우저에서 구성 요소의 속성을 보고 편집하려면 구성 요소를 선택하고 . 구성 요소를 두 번 클릭하여 속성 브라우저에서 해당 속성을 볼 수도 있습니다.
  • 키보드 단축키를 사용하여 양식에서 신속하게 작업을 수행할 수 있습니다. AEM Forms 키보드 단축키를 참조하십시오 .
  • 적응형 양식 구성 요소는 적응형 양식 페이지에서만 사용하는 것이 좋습니다. 구성 요소는 상위 계층에 종속됩니다. 따라서 AEM 페이지에서 사용하지 마십시오.
또한 적응형 양식 작성 소개에서 구성 요소 설명 및 우수 사례를 참조하십시오 .

적응형 양식의 규칙 사용

AEM Forms은 적응형 양식 구성 요소에 동적 동작을 추가하기 위한 규칙을 만들 수 있는 규칙 편집기를 제공합니다. 이러한 규칙을 사용하여 조건을 평가하고 필드 표시 또는 숨기기, 값 계산, 드롭다운 목록 변경 등과 같은 구성 요소에 대한 작업을 동적으로 트리거할 수 있습니다.
규칙 편집기는 규칙을 작성하기 위한 시각적인 편집기와 코드 편집기를 제공합니다. 코드 편집기 모드를 사용하여 규칙을 작성할 때는 다음 사항을 고려하십시오.
  • 양식 필드 및 구성 요소에 의미 있고 고유한 이름을 사용하여 규칙을 작성하는 동안 발생할 수 있는 충돌을 방지할 수 있습니다.
  • 규칙 식에서 this 자체를 참조하려면 구성 요소에 연산자를 사용합니다. 구성 요소 이름이 바뀌는 경우에도 규칙이 유효한지 확인합니다. 예, field1.valueCommit script: this.value > 10 .
  • 다른 양식 구성 요소를 참조할 때 구성 요소 이름을 사용합니다. 필드 또는 구성 요소 value 의 값을 가져오려면 속성을 사용합니다. 예, field1.value .
  • 충돌을 방지하려면 구성 요소를 상대적 고유 계층 구조로 참조하십시오. 예, parentName.fieldName .
  • 복잡한 규칙 또는 일반적으로 사용되는 규칙을 처리할 때는 응용 양식 간에 지정하고 재사용할 수 있는 별도의 클라이언트 라이브러리에 비즈니스 논리를 작성하는 것이 좋습니다. 클라이언트 라이브러리는 자체 포함된 라이브러리여야 하며 jQuery 및 밑줄.js를 제외한 외부 종속성을 가질 수 없습니다. 또한 클라이언트 라이브러리를 사용하여 제출된 양식 데이터의 서버측 재유효성 검사를 적용할 수 있습니다.
  • 적응형 양식은 적응형 양식과 통신하고 작업을 수행하는 데 사용할 수 있는 API 세트를 제공합니다. 주요 API 중 일부는 다음과 같습니다. 자세한 내용은 적응형 양식에 대한 JavaScript 라이브러리 API 참조를 참조하십시오 .
    • guideBridge.reset() : 양식을 재설정합니다.
    • guideBridge.submit() : 양식을 제출합니다.
    • guideBridge.setFocus(somExp, focusOption, runCompletionExp) : 필드에 초점을 설정합니다.
    • guideBridge.validate(errorList, somExpression, focus) : 양식의 유효성을 검사합니다.
    • guideBridge.getDataXML(options) : 양식 데이터를 XML로 가져옵니다.
    • guideBridge.resolveNode(somExpression) : 양식 개체를 가져옵니다.
    • guideBridge.setProperty(somList, propertyName, valueList) : 양식 개체의 속성을 설정합니다.
    • 또한 다음 필드 속성을 사용할 수 있습니다.
      • field.value 을 클릭하여 필드의 값을 변경합니다.
      • f ield.enabled 를 사용하여 필드를 활성화/비활성화하십시오.
      • field.visible to change a field of a field.
  • 적응형 양식 작성자는 양식의 비즈니스 논리를 구축하기 위해 JavaScript 코드를 작성해야 할 수 있습니다. JavaScript는 강력하고 효과적이지만 보안 기대치를 손상시킬 수 있습니다. 따라서 양식 작성자가 신뢰할 수 있는 인물인지, 양식을 프로덕션에 적용하기 전에 JavaScript 코드를 검토하고 승인하는 프로세스가 있는지 확인해야 합니다. 관리자는 자신의 역할이나 기능에 따라 사용자 그룹에 대한 규칙 편집기 액세스 권한을 제한할 수 있습니다. 사용자 그룹 에 대한 규칙 편집기 액세스 권한 부여를 참조하십시오 .
  • 규칙의 표현식을 사용하여 적응형 양식을 동적으로 만들 수 있습니다. 모든 표현식은 유효한 JavaScript 표현식이며 적응형 양식 스크립팅 모델 API를 사용합니다. 이러한 표현식은 특정 유형의 값을 반환합니다. 표현식과 모범 사례에 대한 자세한 내용은 적응형 양식 표현식을 참조하십시오 .

테마 작업

테마를 위한 적응형 기능을 사용하면 다양한 양식에 적용할 수 있는 재사용 가능한 스타일을 만들어 일관된 모양과 스타일을 적용할 수 있습니다. 양식 구성 요소 및 패널의 스타일을 정의하려면 테마를 사용하는 것이 좋습니다. 테마에 대한 일부 우수 사례는 다음과 같습니다.
  • 에셋 라이브러리를 사용하여 텍스트 스타일, 배경 및 이미지를 신속하게 적용할 수 있습니다. 에셋 라이브러리에 스타일이 추가되면 다른 테마와 양식 편집기의 스타일 모드에서 사용할 수 있습니다.
  • 페이지 수준 선택기를 사용하여 글꼴 및 페이지 배경과 같은 전역 설정을 적용할 수 있습니다.
  • 클라이언트 라이브러리를 사용하여 기존 스타일 또는 고급 스타일을 테마로 가져올 수 있습니다.
  • 양식 스타일 레이어에서 특정 필드, 패널 또는 단추에 대한 스타일을 재정의할 수 있습니다.
  • 테마가 스타일 요구 사항을 충족하지 않는 경우 guideFieldNode, guideFieldLabel, guideFieldWidget 및 guidePanelNode와 같은 사전 정의된 클래스를 사용하여 양식에서 일반적인 스타일을 적용할 수 있습니다.
자세한 내용은 테마를 참조하십시오 .

복잡한 대용량 양식의 성능 최적화

양식 작성자와 최종 사용자는 일반적으로 제작 모드 또는 런타임에 큰 양식을 로드할 때 성능 문제에 직면하게 됩니다. 양식의 개체(필드 및 패널) 수가 증가하면 제작 및 런타임 환경이 저하되기 시작합니다. 또한 여러 작성자가 동시에 양식을 작성하고 공동 작업을 할 수 없습니다.
큰 양식의 성능 문제를 해결하려면 다음 우수 사례를 고려하십시오.
  • 가능한 경우 XFA를 적응형 양식으로 변환하는 경우에도 XSD 양식 데이터 모델을 사용하여 적응형 양식을 만드는 것이 좋습니다.
  • 사용자의 정보를 캡처하는 응용 양식에 해당 필드와 패널만 포함할 수 있습니다. 정적 컨텐츠를 최소화하거나 URL을 사용하여 별도의 창에서 여는 것이 좋습니다.
  • 모든 양식은 특정 용도로 설계되지만 대부분의 양식에는 몇 가지 일반적인 세그먼트가 있습니다. 예를 들어 개인 세부 사항, 주소, 고용 세부 사항 등이 있습니다. 일반적인 양식 요소 및 섹션에 대한 적응형 양식 조각을 만들어 여러 양식에 사용할 수 있습니다. 기존 양식에 패널을 조각으로 저장할 수도 있습니다. 조각의 모든 변경 사항은 모든 관련 응용 양식에 반영됩니다. 여러 작성자가 양식을 구성하는 여러 조각에서 동시에 작업할 수 있으므로 공동 저작 활동을 촉진합니다.
    • 응용 양식과 유사하게, 모든 조각 특정 스타일 및 사용자 정의 스크립트는 조각 컨테이너 대화 상자를 사용하여 클라이언트 라이브러리에 정의되어 있는 것이 좋습니다. 또한 외부 개체에 의존하지 않는 자족적 조각을 만들어 보십시오.
    • 교차 조각 스크립팅을 사용하지 마십시오. 참조하는 조각 외부에 개체가 있으면 해당 개체를 상위 양식의 일부로 만듭니다. 객체가 여전히 다른 조각에 상주해야 하는 경우 스크립트에서 해당 이름으로 참조합니다.
  • 자동 저장과 함께 저장 및 재개를 사용하여 적응형 양식을 주기적으로 저장하고 사용자가 나중에 다시 방문하여 양식을 완료할 수 있습니다.
  • 조각을 자주 로드하도록 구성합니다. 런타임 시 느리게 로드되도록 표시된 조각은 필요한 경우에만 렌더링됩니다. 큰 양식의 로드 시간이 크게 줄어듭니다. 또한 반복 가능한 패널이 있는 조각에서도 지원됩니다. 자세한 내용은 레이지 로드 구성을 참조하십시오 .
    • 응답형 격자 레이아웃이나 첫 번째 패널에서 조각에 대한 레이지 로딩을 구성하지 마십시오.
    • 파일 첨부 및 약관 구성 요소는 느리게 로드된 조각에서 지원되지 않습니다.
    • 이 값이 양식의 다른 부분에 사용되는 경우, 로딩된 패널의 값을 Use Value Globally로 표시하여 해당 값이 포함하는 패널을 언로드할 때 사용할 수 있도록 합니다.
    • 조건에 따라 표시하거나 숨겨야 하는 조각에 대한 가시성 규칙을 쓰는 것이 좋습니다.

적응형 양식 자동 완성

백엔드에서 가져온 데이터로 적응형 양식 필드를 미리 채울 수 있으므로 사용자가 양식을 빠르게 입력하고 입력 오류를 방지할 수 있습니다.
  • AEM Forms은 미리 정의된 데이터 XML 파일의 데이터를 읽고 자동 완성 XML 파일의 컨텐츠로 응용 양식 필드를 미리 채우기 위한 자동 완성 서비스를 제공합니다.
  • 자동 완성 데이터 XML은 적응형 양식과 연결된 양식 모델의 스키마를 준수해야 합니다.
  • 자동 완성 XML에 afBoundedData afUnBoundedData 섹션을 포함시켜 바운드 필드와 언바운드 필드를 적응형 양식으로 미리 채웁니다.
  • 양식 데이터 모델을 기반으로 하는 적응형 양식의 경우, AEM Forms은 즉시 사용 가능한 양식 데이터 모델 자동 완성 서비스를 제공합니다. 자동 완성 서비스는 양식을 렌더링할 때 응용 양식의 데이터 모델 개체에 대한 데이터 소스를 쿼리하고 필드 값을 미리 처리합니다.
  • 응용 양식을 미리 채우기 위해 파일, crx, 서비스 또는 http 프로토콜을 사용할 수도 있습니다.
  • AEM Forms은 적응형 양식을 미리 채우기 위해 OSGi 서비스로 로그인할 수 있는 사용자 정의 자동 완성 서비스를 지원합니다.
자세한 내용은 응용 양식 필드 미리 보기를 참조하십시오 .

적응형 양식 서명 및 제출

사용자 지정 데이터를 처리하려면 적응형 양식의 제출 작업이 필요합니다. 제출 작업은 적응형 양식을 사용하여 제출하는 데이터에 대해 수행된 작업을 결정합니다.
  • 적응형 양식에는 즉시 사용 가능한 여러 가지 제출 작업이 있습니다. 자세한 내용은 제출 작업 구성을 참조하십시오 .
  • 기본 제출 작업이 사용 사례를 충족하지 않는 경우 사용자 지정 제출 작업을 작성할 수 있습니다. 자세한 내용은 적응형 양식에 대한 사용자 정의 제출 작업 작성을 참조하십시오 .
  • 서버 측 유효성 검사를 포함시켜 잘못된 데이터 제출을 방지할 수 있습니다.
적응형 양식에서 Adobe Sign의 멀티서명 경험을 활용할 수 있습니다. 적응형 양식에서 Adobe Sign을 구성할 때는 다음 사항을 고려하십시오. 자세한 내용은 적응형 양식 에서 Adobe Sign 사용을 참조하십시오 .
  • Adobe Sign 지원 적응형 양식은 모든 서명자가 양식에 서명한 후에만 제출됩니다. 양식은 모든 서명자가 양식에 서명할 때까지 서명 대기 중 상태로 표시됩니다.
  • 양식 서명 환경을 구성하거나 서명자를 전송 시 서명 페이지로 리디렉션할 수 있습니다.
  • 순차적 또는 임의의 서명 환경을 적절하게 구성합니다.

기록 문서 생성

기록 문서(DoR)는 인쇄, 서명 또는 보관할 수 있는 적응형 양식의 분리된 PDF 버전입니다.
  • 적응형 양식이 기반으로 하는 양식 데이터 모델에 따라 다음과 같이 DoR에 대한 템플릿을 구성할 수 있습니다.
    • XFA 양식 템플릿 : 관련 XDP 파일을 DoR 템플릿으로 사용합니다.
    • XSD 스키마 : 적응형 양식에서 사용한 것과 동일한 XML 스키마를 사용하는 관련 XFA 템플릿을 사용합니다.
    • 없음 : 자동 생성된 DoR 사용
  • 적응형 양식 편집기의 기록 문서 탭에서 바로 머리글, 바닥글, 이미지, 색상, 글꼴 등을 구성할 수 있습니다.
  • 프로그래밍 방식 DoRService 으로 DoR을 생성하는 데 사용합니다.
  • DoR에서 숨겨진 필드 제외
  • 요청 매개 변수를 사용하여 다른 로케일에서 DoR을 볼 수 있습니다. afAcceptLang

적응형 양식 디버깅 및 테스트

AEM Chrome 플러그인 은 적응형 양식을 디버깅하는 도구를 제공하는 Google Chrome용 브라우저 확장명입니다. 양식 작성자와 개발자는 다음 도구를 사용하여 다음을 수행할 수 있습니다.
  • 병목 현상 파악 및 양식 렌더링 성능 최적화
  • 양식에서 키워드 및 bindRef 오류 디버깅
  • 로그 활성화 및 구성
  • 양식의 규칙 및 스크립트 디버깅
  • 가이드 살펴보기 및 학습Bridge API
Calvin SDK는 적응형 양식 개발자를 위한 유틸리티 API입니다. Calvin SDK는 Hobes.js 테스트 프레임워크를 기반으로 구축되었습니다 . 프레임워크를 사용하여 다음을 테스트할 수 있습니다.
  • 적응형 양식의 변환 경험
  • 적응형 양식의 자동 완성 경험
  • 적응형 양식의 전송 경험
  • 표현식 규칙
  • 유효성 검사
  • 레이지 로딩
자세한 내용은 적응형 양식 테스트 자동화를 참조하십시오 .

AEM 서버에서 적응형 양식 유효성 검사

클라이언트에 대한 유효성 검사를 무시하려는 시도와 데이터 제출 및 비즈니스 규칙 위반의 가능한 손상을 방지하기 위해 서버측 유효성 검사가 필요합니다. 서버측 검증은 필요한 클라이언트 라이브러리를 로드하여 서버에서 실행됩니다.
  • 응용 양식의 표현식의 유효성을 검사하는 클라이언트 라이브러리에 함수를 포함하고 응용 양식 컨테이너 대화 상자에서 클라이언트 라이브러리를 지정합니다. 자세한 내용은 서버측 재확인을 참조하십시오 .
  • 서버측 유효성 검사는 양식 모델의 유효성을 검사합니다. 유효성 검사를 위해 별도의 클라이언트 라이브러리를 만들고 동일한 클라이언트 라이브러리에서 HTML 스타일 및 DOM 조작과 같은 다른 작업과 혼합하지 않는 것이 좋습니다.

적응형 양식 현지화

AEM에서는 적응형 양식을 현지화하는 데 사용할 수 있는 번역 워크플로우를 제공합니다. 자세한 내용은 AEM 번역 워크플로우를 사용하여 적응형 양식 현지화를 참조하십시오 .
적응형 양식을 현지화할 때의 우수 사례는 다음과 같습니다.
  • 적응형 양식 조각을 사용하여 양식 간의 공통 요소를 만들고 조각을 현지화할 수 있습니다. 조각을 한 번 현지화하면 현지화된 조각이 사용되는 모든 양식에 반영됩니다.
  • 새 구성 요소 추가 또는 로컬라이즈된 양식에 스크립트 적용 등의 수정 사항은 자동으로 현지화되지 않습니다. 따라서 여러 로컬라이제이션 주기를 피하려면 양식을 현지화하기 전에 양식을 마무리해야 합니다.
  • 요청 매개 변수를 사용하여 브라우저 로케일을 재정의하고 지정된 로케일에서 양식을 렌더링합니다. afAcceptLang 예를 들어, 다음 URL은 브라우저 설정에 지정된 로케일에 관계없이 일본어 로케일에서 양식을 렌더링합니다.
    https://'[server]:[port]'/<contextPath>/<formFolder>/<formName>.html?wcmmode=disabled&afAcceptLang=ja
  • AEM Forms은 현재 영어(en), 스페인어(es), 프랑스어(fr), 이탈리아어(it), 독일어(de), 일본어(ja), 포르투갈어(브라질)(pt-BR), 중국어(zh-CN), 중국어(zh-TW) 및 한국어(ko-KR) 로케일로 적응형 양식 컨텐츠의 로컬라이제이션을 지원합니다. 그러나 런타임 시 적응형 양식의 새 로캘에 대한 지원을 추가할 수 있습니다. 자세한 내용은 적응형 양식 현지화를 위한 새로운 로케일 지원을 참조하십시오 .

프로덕션 양식 프로젝트 준비

양식 처리 서버 추가

보안 영역의 방화벽 뒤에 있는 AEM Forms 서버의 추가 인스턴스를 구성할 수 있습니다. 이 인스턴스를 다음 용도로 사용할 수 있습니다.
  • 일괄 처리 : 로드가 많은 배치로 반복되거나 예약된 작업 예를 들어 명령문을 인쇄하고, 그에 해당하는 메시지를 생성하고, PDF 생성기, 출력 및 어셈블러와 같은 문서 서비스를 사용하는 경우입니다.
  • PII 데이터 저장 : 처리 서버에 PII 데이터를 저장합니다. PII 데이터를 저장하기 위해 사용자 지정 저장소 공급자를 이미 사용하고 있는 경우에는 필요하지 않습니다.

다른 환경으로 프로젝트 이동

AEM 프로젝트를 한 환경에서 다른 환경으로 이동해야 하는 경우가 많습니다. 이동할 때 기억해야 할 주요 사항들 중 일부는 다음과 같습니다.
  • 기존 클라이언트 라이브러리, 사용자 정의 코드 및 구성을 백업합니다.
  • 새 환경에서 지정된 순서로 수동으로 제품 패키지 및 패치를 배포할 수 있습니다.
  • 프로젝트별 코드 패키지 및 번들을 새 AEM 서버에 개별 패키지 또는 번들로 수동으로 배포합니다.
  • (JEE의​ AEM Forms 전용 ) Forms Workflow 서버에 LCA 및 DSC를 수동으로 배포합니다.
  • 내보내기 가져오기 기능을 사용하여 자산을 새 환경으로 이동합니다. 복제 에이전트를 구성하고 자산을 게시할 수도 있습니다.
  • 업그레이드 시 더 이상 사용되지 않는 모든 API 및 기능을 새로운 API 및 기능으로 대체하십시오.

AEM 구성

전체 성능을 개선하기 위해 AEM을 구성하는 몇 가지 우수 사례는 다음과 같습니다.

초안 및 제출된 양식 데이터에 대한 외부 저장소 구성

프로덕션 환경에서는 제출된 양식 데이터를 AEM 저장소에 저장하지 않는 것이 좋습니다. Forms 포털 스토어, 콘텐츠 저장 및 PDF 제출 작업 저장의 기본 구현은 양식 데이터를 AEM 저장소에 저장합니다. 이러한 제출 조치는 단지 시연을 위한 것이다. 또한 저장 및 다시 시작 및 자동 저장 기능은 기본적으로 포털 저장소를 사용합니다. 따라서 다음 권장 사항을 고려하십시오.
  • 초안 데이터 저장 : 적응형 양식의 초안 기능을 사용하는 경우 SPI(Service Provide Interface)를 구현하여 초안 데이터를 데이터베이스와 같은 보다 안전한 스토리지에 저장해야 합니다. 자세한 내용은 초안 및 제출 구성 요소를 데이터베이스와 통합하는 샘플을 참조하십시오 .
  • 제출 데이터 저장 : Form Portal 제출 스토어를 사용하는 경우 사용자 지정 SPI를 구현하여 제출 데이터를 데이터베이스에 저장해야 합니다. 초안 및 제출 구성 요소를 데이터베이스와 통합하는 샘플에서는 샘플을 참조하십시오.
    또한 양식 데이터와 첨부 파일을 보안 스토리지에 저장하는 사용자 정의 제출 작업을 작성할 수 있습니다. 자세한 내용은 적응형 양식에 대한 사용자 정의 제출 작업 작성을 참조하십시오.

개인 식별 정보 처리

조직의 주요 문제점 중 하나는 개인 식별(PII) 데이터를 처리하는 방법입니다. 이러한 데이터를 처리하는 데 도움이 되는 몇 가지 우수 사례는 다음과 같습니다.
  • 데이터베이스와 같은 안전한 외부 스토리지를 사용하여 초안 및 제출된 양식의 데이터를 저장할 수 있습니다. 초안 및 제출된 양식 데이터에 대한 외부 저장소 구성을 참조하십시오 .
  • 사용 약관 양식 구성 요소를 사용하여 자동 저장을 활성화하기 전에 사용자의 명시적 동의를 받습니다. 이 경우 사용자가 약관 구성 요소의 조건에 동의하는 경우에만 자동 저장을 활성화합니다.