설명서AEM as a Cloud Service사용 안내서

AEM Sites 페이지에 Forms 포털 추가 publish-forms-on-portal

Last update: Mon Jul 15 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

작성 대상:

  • 사용자
  • 개발자

새 적응형 양식 만들기또는 AEM Sites 페이지에 적응형 양식 추가작업을 할 때 현대적이고 확장 가능한 데이터 캡처 핵심 구성 요소를 사용하는 것이 좋습니다. 이러한 구성 요소는 적응형 양식 만들기 작업이 대폭 개선되어 우수한 사용자 경험을 보장할 수 있게 되었음을 나타냅니다. 이 문서에서는 기초 구성 요소를 사용하여 적응형 양식을 작성하는 이전 접근법에 대해 설명합니다.

버전
문서 링크
AEM 6.5
여기 클릭
AEM as a Cloud Service
이 문서

일반적인 양식 중심의 포털 배포 시나리오에서 양식 개발 및 포털 개발은 두 가지 단절 활동입니다. 양식 디자이너는 리포지토리에서 양식을 디자인하고 저장하는 동안 웹 개발자는 양식을 나열하고 양식 제출을 처리하는 웹 응용 프로그램을 만듭니다. 양식 저장소와 웹 애플리케이션 간에 통신이 없으므로 Forms이 웹 계층에 복사됩니다.

이러한 시나리오는 종종 관리 문제와 생산 지연을 초래합니다. 예를 들어 저장소에서 최신 버전의 양식을 사용할 수 있는 경우 웹 계층에서 양식을 바꾸고 웹 애플리케이션을 수정한 다음 공개 사이트에서 양식을 재배포해야 합니다. 웹 애플리케이션을 다시 배포하면 일부 서버 다운타임이 발생할 수 있습니다. 일반적으로 서버 다운타임은 계획된 작업이므로 변경 사항을 즉시 공개 사이트로 푸시할 수 없습니다.

AEM Forms은 관리 오버헤드와 프로덕션 지연을 줄이는 포털 구성 요소를 제공합니다. 구성 요소를 사용하면 웹 개발자가 Adobe Experience Manager(AEM)를 사용하여 작성된 웹 사이트에서 Forms 포털을 만들고 사용자 지정할 수 있습니다.

Form Portal 구성 요소를 사용하여 다음 기능을 추가할 수 있습니다.

  • 사용자 지정된 레이아웃의 목록 양식입니다. 기본적으로 목록 보기 및 카드 보기 레이아웃이 제공됩니다. 자신만의 사용자 지정 레이아웃을 만들 수 있습니다.
  • 목록을 작성하는 동안 사용자 지정 메타데이터 및 사용자 지정 작업을 표시할 수 있습니다.
  • AEM Forms Portal 구성 요소가 사용 중인 게시 인스턴스에 Forms UI에서 게시한 목록 양식입니다.
  • 최종 사용자가 양식을 HTML 및 PDF 형식으로 렌더링할 수 있도록 허용합니다.
  • 제목 및 설명을 기반으로 양식 검색을 활성화합니다.
  • 사용자 지정 CSS를 사용하여 포털의 모양과 느낌을 사용자 지정합니다.
  • 양식에 대한 링크를 만듭니다.
  • 사용자가 만든 적응형 Forms 관련 초안 및 제출 사항을 나열합니다.

Forms 포털 페이지의 구성 요소 forms-portal-components

AEM Forms은 다음과 같은 포털 구성 요소를 즉시 제공합니다.

  • 검색 및 목록: 이 구성 요소를 사용하여 양식 리포지토리의 양식을 포털 페이지에 나열할 수 있고 지정된 기준에 따라 양식을 나열할 수 있는 구성 옵션을 제공합니다.

  • 초안 및 제출: 검색 및 목록 구성 요소에는 Forms 작성자가 공개한 양식이 표시되지만 초안 및 제출 구성 요소에는 이후 및 제출된 양식을 완료하기 위해 초안으로 저장된 양식이 표시됩니다. 이 구성 요소는 로그인한 사용자에게 개인화된 경험을 제공합니다.

  • 링크: 이 구성 요소를 사용하여 페이지의 어디에서든 양식에 대한 링크를 만들 수 있습니다.

AEM Project Archetype에서 기본 Forms 포털 구성 요소를 가져올 수 있습니다. 가져온 후 다음 구성을 수행합니다.

Forms 포털 구성 요소 가져오기 import-forms-portal-components-aem-archetype

AEM Formsas a Cloud Service 에서 즉시 사용 가능한 Forms 포털 구성 요소를 가져오려면 다음 단계를 수행하십시오.

  1. 로컬 개발 인스턴스에서 Cloud Manager Git 저장소를 복제합니다. Cloud Manager Git 저장소에 기본 AEM 프로젝트가 포함되어 있습니다. AEM Archetype을(를) 기반으로 합니다. Cloud Manager UI의 셀프서비스 Git 계정 관리를 사용하여 Cloud Manager Git 저장소를 복제하여 프로젝트를 로컬 개발 환경에서 가져옵니다. 저장소 액세스에 대한 자세한 내용은 저장소 액세스를 참조하십시오.

  2. Experience Manager Forms을(를) [Cloud Service] 프로젝트로 만들기: AEM Archetype 27 이상을 기반으로 Experience Manager Forms을(를) [Cloud Service] 프로젝트로 만들기 as a Cloud Service Archetype을 통해 개발자는 AEM Forms에 대한 개발을 쉽게 시작할 수 있습니다. 또한 빠르게 시작하는 데 도움이 되는 몇 가지 샘플 테마 및 템플릿이 포함되어 있습니다.

    as a Cloud Service Experience Manager Forms 프로젝트를 만들려면 명령 프롬프트를 열고 아래 명령을 실행하십시오. Forms개의 특정 구성, 테마 및 템플릿을 포함하려면 includeForms=y을(를) 설정하십시오.

    code language-shell 
    mvn -B archetype:generate -DarchetypeGroupId=com.adobe.aem -DarchetypeArtifactId=aem-project-archetype -DarchetypeVersion=30 -DaemVersion="cloud" -DappTitle="My Site" -DappId="mysite" -DgroupId="com.mysite" -DincludeForms="y"

    또한 환경을 반영하도록 위의 명령에서 appTitle, appId 및 groupId을(를) 변경하십시오.

    프로젝트가 준비되면 Archetype 프로젝트의 최상위 pom.xml에서 <core.forms.components.version>x.y.z</core.forms.components.version> 속성을 업데이트하여 AEM Archetype 프로젝트에 최신 버전의 core-forms-components을(를) 반영합니다.

  3. 로컬 개발 환경에 프로젝트 배포: 다음 명령을 사용하여 로컬 개발 환경에 배포할 수 있습니다

    mvn -PautoInstallPackage clean install

    전체 명령 목록은 빌드 및 설치를 참조하십시오.

  4. as a Cloud Service 코드를 AEM Forms 환경에 배포.

적응형 Forms을 위한 Azure 스토리지 구성 configure-azure-storage-adaptive-forms

Experience Manager Forms 데이터 통합은(는) Azure 저장소 서비스와 양식을 통합할 수 있도록 Azure 저장소 구성을 제공합니다. 양식 데이터 모델(FDM)을 사용하여 Azure 서버와 상호 작용하여 비즈니스 워크플로를 가능하게 하는 적응형 Forms을 만들 수 있습니다.

스토리지 구성 경로 create-azure-storage-configuration

이 단계를 실행하기 전에 Azure 저장소 계정과 Azure 저장소 계정에 대한 액세스 권한을 부여하는 액세스 키가 있는지 확인하십시오.

  1. 도구 > Cloud Service > Azure 저장소 ​로 이동합니다.
  2. 구성을 만들 폴더를 선택하고 만들기 ​를 선택합니다.
  3. 제목 필드에 구성의 제목을 지정합니다.
  4. Azure 저장소 계정 필드에 Azure 저장소 계정의 이름을 지정하십시오.

Forms 포털용 통합 스토리지 커넥터 구성 configure-usc-forms-portal

AEM Workflow용 통합 스토리지 커넥터를 구성하려면 다음 단계를 수행하십시오.

  1. 도구 > Forms > 통합 저장소 커넥터 ​로 이동합니다.
  2. Forms 포털 섹션의 저장소 드롭다운 목록에서 Azure ​을(를) 선택합니다.
  3. 저장소 구성 경로 필드에 Azure 저장소 구성에 대한 구성 경로를 지정하십시오.
  4. Publish ​을(를) 선택한 다음 저장 ​을(를) 선택하여 구성을 저장합니다.

Forms 포털 구성 요소 활성화 enable-forms-portal-components

Adobe Experience Manager(AEM) 사이트에서 핵심 구성 요소(기본 포털 구성 요소 포함)를 사용하려면 프록시 구성 요소를 만들어 사이트에 맞게 활성화해야 합니다. 프록시 구성 요소를 만들고 포털 구성 요소를 사용하려면 핵심 구성 요소 사용을 참조하세요.

포털 구성 요소가 활성화되면 사이트 페이지의 작성자 인스턴스에서 사용할 수 있습니다.

Forms 포털 구성 요소 추가 및 구성 configure-forms-portal-components

포털 구성 요소를 추가 및 구성하여 AEM을 사용하여 작성된 웹 사이트에서 Forms 포털을 만들고 사용자 지정할 수 있습니다. Forms 포털에서 사용하기 전에 구성 요소가 활성화되었는지확인하십시오.

구성 요소를 추가하려면 구성 요소 창에서 페이지의 레이아웃 컨테이너로 구성 요소를 끌어서 놓거나 레이아웃 컨테이너에서 추가 아이콘을 선택하고 새 구성 요소 삽입 대화 상자에서 구성 요소를 추가하십시오.

초안 및 제출 구성 요소 구성 configure-drafts-submissions-component

초안 및 제출 구성 요소에는 나중에 제출한 양식을 완료하기 위해 초안으로 저장된 양식이 표시됩니다. 구성하려면 구성 요소를 선택한 다음 구성 아이콘 을 선택합니다. 초안 및 제출 대화 상자에서 초안 또는 제출된 양식으로 양식 목록을 나타내는 제목을 지정합니다. 구성 요소에 초안 양식이나 제출된 양식을 카드 또는 목록 형식으로 나열할지 여부도 선택합니다.

초안 아이콘

제출 아이콘

검색 및 목록 구성 요소 구성 configure-search-lister-component

검색 및 목록 구성 요소는 페이지에 적응형 양식을 나열하고 나열된 양식에 검색을 구현하는 데 사용됩니다.

검색 및 목록 작성자 아이콘

구성하려면 구성 요소를 선택한 다음 구성 아이콘 을 선택합니다. 검색 및 목록 작성기 대화 상자가 열립니다.

  1. 디스플레이 탭에서 다음을 구성합니다.

    • 제목 ​에서 검색 및 목록 구성 요소의 제목을 지정합니다. 직설적인 제목을 사용하면 양식 목록에서 빠른 검색을 수행할 수 있습니다.
    • 레이아웃 목록에서 카드 또는 목록 형식으로 양식을 나타내는 레이아웃을 선택하십시오.
    • 검색 및 정렬 기준 기능을 숨기려면 검색 숨기기 및 정렬 숨기기 ​를 선택하십시오.
    • 도구 설명 ​에서 구성 요소를 마우스로 가리키면 표시되는 도구 설명을 제공합니다.

  2. 자산 폴더 탭에서 양식을 가져와서 페이지에 나열하는 위치를 지정합니다. 여러 폴더 위치를 구성할 수 있습니다.

  3. 결과 탭에서 페이지당 표시할 최대 양식 수를 구성합니다. 기본값은 페이지당 8개의 양식입니다.

링크 구성 요소를 사용하여 페이지에서 적응형 양식에 대한 링크를 제공할 수 있습니다. 구성하려면 구성 요소를 선택한 다음 구성 아이콘 을 선택합니다. 링크 구성 요소 편집 대화 상자가 열립니다.

  1. 표시 탭에서 링크 캡션 및 도구 설명을 입력하여 링크가 나타내는 양식을 쉽게 식별할 수 있습니다.
  2. 자산 정보 탭에서 자산이 저장되는 저장소 경로를 지정합니다.
  3. 쿼리 매개 변수 탭에서 키-값 쌍 형식으로 추가 매개 변수를 지정합니다. 링크를 클릭하면 이러한 추가 매개 변수가 양식과 함께 전달됩니다.

Adobe Sign을 사용하여 비동기 양식 제출 구성 configure-asynchronous-form-submission-using-adobe-sign

모든 수신자가 서명식을 완료한 경우에만 적응형 양식을 제출하도록 구성할 수 있습니다. Adobe Sign을 사용하여 설정을 구성하려면 아래 단계를 따르십시오.

  1. 작성자 인스턴스에서 편집 모드로 적응형 양식을 엽니다.
  2. 왼쪽 창에서 속성 아이콘을 선택하고 전자 서명 옵션을 확장합니다.
  3. Adobe Sign 사용 ​을 선택합니다. 다양한 구성 옵션이 표시됩니다.
  4. 양식 제출 섹션에서 모든 수신자가 서명식을 완료한 후 옵션을 선택하여 양식 제출 동작을 구성하십시오. 여기서 서명할 모든 수신자에게 먼저 양식이 전송됩니다. 모든 수신자가 양식에 서명하면 양식이 제출됩니다.

적응형 Forms을 초안으로 저장 save-adaptive-forms-as-drafts

양식을 나중에 완성하기 위해 초안으로 저장할 수 있습니다. 양식을 초안으로 저장하는 두 가지 방법이 있습니다.

  • 양식 구성 요소에 "양식 저장" 규칙(예: 버튼)을 만듭니다. 버튼을 클릭하면 규칙이 트리거되고 양식이 초안으로 저장됩니다.
  • 자동 저장 기능을 활성화하십시오. 지정된 이벤트나 구성된 시간 간격 후에 양식을 저장합니다.

적응형 양식을 초안으로 저장하는 규칙 만들기 rule-to-save-adaptive-form-as-draft

버튼 등 양식 구성 요소에 "양식 저장" 규칙을 만들려면 아래 단계를 수행합니다.

  1. 작성자 인스턴스에서 편집 모드로 적응형 양식을 엽니다.
  2. 왼쪽 창에서 구성 요소 아이콘 을(를) 선택하고 Button 구성 요소를 양식으로 끌어 옵니다.
  3. Button 구성 요소를 선택한 다음 구성 아이콘 을 선택합니다.
  4. 규칙 편집 아이콘을 선택하여 규칙 편집기를 엽니다.
  5. 규칙을 구성하고 만들려면 만들기 ​를 선택하십시오.
  6. When 섹션에서 "클릭됨"을 선택하고 Then 섹션에서 "양식 저장" 옵션을 선택합니다.
  7. 완료 ​를 선택하여 규칙을 저장합니다.

자동 저장 사용 enable-auto-save

적응형 양식에 대한 자동 저장 기능을 다음과 같이 구성할 수 있습니다.

  1. 작성자 인스턴스에서 편집 모드로 적응형 양식을 엽니다.
  2. 왼쪽 창에서 속성 아이콘 을 선택하고 자동 저장 옵션을 확장합니다.
  3. 사용 확인란을 선택하여 양식 자동 저장을 사용하도록 설정합니다. 다음을 구성할 수 있습니다.
  • 기본적으로 적응형 양식 이벤트은(는) "true"로 설정되어 있으며, 이는 모든 이벤트 후에 양식이 자동 저장됨을 의미합니다.
  • 트리거에서 이벤트 발생 또는 특정 시간 이후에 자동 저장을 트리거하도록 구성합니다.

추가 참조 see-also

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab