AEM 6.5 Forms에서 Headless 적응형 Forms 활성화 enable-headless-adaptive-forms-on-aem-65-forms

AEM 6.5 Forms 환경에서 Headless 적응형 Forms을 활성화하려면 AEM Archetype 41 이상 기반 프로젝트를 설정하고 모든 작성자 및 게시 인스턴스에 배포합니다.

AEM Archetype 41 이상 기반 프로젝트를 AEM 6.5 Forms 인스턴스에 배포하면 다음과 같은 기능을 사용할 수 있습니다 적응형 Forms 기반의 핵심 구성 요소 만들기. 이러한 양식은 JSON 형식으로 표시되며 Headful과 Headless 적응형 Forms으로 사용되어 모바일, 웹 및 기본 앱을 비롯한 다양한 채널에서 보다 높은 유연성과 맞춤화를 가능하게 합니다.

사전 요구 사항 prerequisites

AEM 6.5 Forms 환경에서 Headless 적응형 Forms을 활성화하기 전에

최신 AEM Archetype 기반 프로젝트 생성 및 배포

AEM Archetype 41을 생성하려면 나중에 를 기반으로 프로젝트를 제작하여 모든 작성자 및 게시 인스턴스에 배포합니다.

  1. 컴퓨터에 로그인하여 AEM 6.5 Forms 인스턴스를 호스팅 및 실행합니다.

  2. 명령 프롬프트 또는 터미널을 엽니다.

  3. 다음 명령을 실행하여 AEM Archetype 41 기반 프로젝트를 만듭니다.

    • Microsoft Windows
    code language-shell
       mvn -B org.apache.maven.plugins:maven-archetype-plugin:3.2.1:generate ^
       -D archetypeGroupId=com.adobe.aem ^
       -D archetypeArtifactId=aem-project-archetype ^
       -D archetypeVersion=41 ^
       -D appTitle="My Form" ^
       -D appId="myform" ^
       -D groupId="com.myform" ^
       -D includeFormsenrollment="y" ^
       -D aemVersion="6.5.15"
    
    • Linux 또는 Apple macOS
    code language-shell
       mvn -B org.apache.maven.plugins:maven-archetype-plugin:3.2.1:generate \
       -D archetypeGroupId=com.adobe.aem \
       -D archetypeArtifactId=aem-project-archetype \
       -D archetypeVersion=41 \
       -D appTitle="My Form" \
       -D appId="myform" \
       -D groupId="com.myform" \
       -D includeFormsenrollment="y" \
       -D aemVersion="6.5.15"
    

    위의 명령을 실행할 때는 다음 사항을 고려해야 합니다.

    • appTitle, appId 및 groupId를 포함하여 환경에 대한 특정 값을 반영하도록 명령을 업데이트합니다. 또한 includeFormsenrollment의 값을 'y'로 설정합니다. Forms 포털을 사용하는 경우 includeExamples=y 선택 사항을 사용하여 프로젝트에 Forms 포털 핵심 구성 요소를 포함할 수 있습니다.

    • 'aemVersion'을 6.5.15.0에서 다른 버전으로 변경하지 마십시오.

  4. (Archetype 버전 41 기반 프로젝트만 해당) AEM Archetype 프로젝트가 생성되면 적응형 Forms 기반의 핵심 구성 요소에 대해 테마를 활성화합니다. 테마를 활성화하려면 다음을 수행하십시오.

    1. 를 엽니다. [AEM Archetype 프로젝트 폴더]/ui.apps/src/main/content/jcr_root/apps/appId ​편집용 /components/adaptiveForm/page/customheaderlibs.html:

    2. 21행에 다음 코드를 추가합니다.

      code language-xml
      <sly data-sly-use.clientlib="core/wcm/components/commons/v1/templates/clientlib.html"
      data-sly-use.formstructparser="com.adobe.cq.forms.core.components.models.form.FormStructureParser"
      data-sly-test.themeClientLibRef="${formstructparser.themeClientLibRefFromFormContainer}">
      <sly data-sly-test="${themeClientLibRef}" data-sly-call="${clientlib.css @ categories=themeClientLibRef}"/>
      </sly>
      

      21행에 위에서 언급한 코드를 추가합니다.

    3. 파일을 저장하고 닫습니다.

  5. 최신 버전의 Forms 핵심 구성 요소를 포함하도록 프로젝트 업데이트:

    1. 를 엽니다. [AEM Archetype 프로젝트 폴더]/pom.xml을 참조하십시오.

    2. 버전 설정 core.forms.components.versioncore.forms.components.af.version최신 Forms 핵심 구성 요소 버전.

      최신 버전의 양식 핵심 구성 요소 멘션

    3. 파일을 저장하고 닫습니다.

  6. AEM Archetype 프로젝트가 정상적으로 생성되면 환경에 대한 배포 패키지를 빌드합니다. 패키지를 빌드하려면:

    1. AEM Archetype 프로젝트의 루트 디렉토리로 이동합니다.

    2. 다음 명령을 실행하여 환경에 맞는 AEM Archetype 프로젝트를 빌드합니다.

      code language-shell
      mvn clean install
      

      archetypebuild-success

    AEM Archetype 프로젝트가 성공적으로 빌드되면 AEM 패키지가 생성됩니다. 패키지는 다음 위치에서 찾을 수 있습니다. [AEM Archetype 프로젝트 폴더]\all\target[appid].all-[버전].zip

  7. 사용 패키지 관리자 를 배포하려면 [AEM Archetype 프로젝트 폴더]\all\target[appid].all-[버전].zip 패키지를 모든 Author 및 Publish 인스턴스에 추가합니다.

NOTE
패키지 관리자를 통해 패키지를 설치하기 위해 게시 인스턴스의 로그인 대화 상자에 액세스하는 데 문제가 발생하는 경우 다음 URL을 통해 로그인해 보십시오. http://[게시 서버 URL]:[포트]/system/console. 게시 인스턴스에 로그인할 수 있는 액세스 권한을 부여하여 설치 프로세스를 진행할 수 있습니다.

사용자 환경에 대해 핵심 구성 요소가 활성화됩니다. 빈 적응형 양식 템플릿 및 Canvas 3.0 테마가 환경에 배포되어 다음과 같은 작업을 수행할 수 있습니다. 적응형 Forms 기반의 핵심 구성 요소 만들기.

자주 묻는 질문

핵심 구성 요소란 무엇입니까?

핵심 구성 요소는 AEM에서 개발 시간을 가속화고 웹 사이트의 유지 관리 비용을 절감할 수 있는 표준화된 웹 콘텐츠 관리(WCM) 구성 요소입니다.

핵심 구성 요소 활성화에 추가된 기능은 무엇입니까?

내 환경에 맞는 적응형 양식 핵심 구성 요소가 활성화되면 빈 핵심 구성 요소 기반 적응형 양식 템플릿 및 Canvas 3.0 테마가 해당 환경에 추가됩니다. 내 환경에 맞는 적응형 양식 핵심 구성 요소가 활성화되면 다음과 같은 작업을 수행할 수 있습니다.

  • 핵심 구성 요소 기반 적응형 양식 만들기.
  • 핵심 구성 요소 기반 적응형 양식 템플릿 만들기.
  • 핵심 구성 요소 기반 적응형 양식 템플릿의 사용자 정의 테마 만들기.
  • 모바일, 웹, 기본 앱 등 채널과 양식의 Headless 표현식이 필요한 서비스에 핵심 구성 요소 기반 적응형 양식의 JSON 표현식 제공.
recommendation-more-help
ce8b2828-9203-402e-a565-7b758c99b2ba