적응형 Forms(핵심 구성 요소)에 대한 사용자 지정 제출 액션 만들기

명령줄을 열고 AEM as a Cloud Service 저장소를 저장할 디렉터리(예: /cloud-service-repository/)를 선택합니다.

아래 명령을 실행하여 저장소를 복제합니다.

git clone https://git.cloudmanager.adobe.com/<organization-name>/<app-id>/

이 정보를 찾을 수 있는 위치

이러한 세부 정보를 찾는 방법에 대한 단계별 지침은 Adobe Experience League 문서 "Git 액세스"를 참조하십시오.

프로젝트가 준비되었습니다!

명령이 성공적으로 완료되면 로컬 디렉터리에 새 폴더가 생성됩니다. 이 폴더의 이름은 애플리케이션 이름을 따라 지정합니다(예: app-id). 이 폴더에는 AEM as a Cloud Service Git 저장소에서 다운로드한 모든 파일과 코드가 포함되어 있습니다. archetype.properties 파일에서 AEM 프로젝트에 대한 <appid>을(를) 찾을 수 있습니다.

이 안내서에서는 이 폴더를 [AEMaaCS project directory](으)로 지칭합니다.

편집기에서 저장소 폴더를 엽니다.

[AEMaaCS project directory]에서 다음 디렉터리로 이동합니다.

/ui.apps/src/main/content/jcr_root/apps/<app-id>/

중요: <app-id>을(를) 실제 응용 프로그램 ID로 바꾸십시오.

사용자 지정 제출 액션에 대한 새 폴더를 만들고 선택한 이름을 지정합니다. 예를 들어 폴더 이름을 customsubmitaction(으)로 지정합니다.

추가된 사용자 정의 제출 액션 디렉토리로 이동합니다.

[AEMaaCS project directory] 내에서 다음 경로로 이동합니다.

/ui.apps/src/main/content/jcr_root/apps/<app-id>/customsubmitaction/

Important: 바꾸기 <app-id> (실제 애플리케이션 ID 포함)

새 구성 파일을 만듭니다.
customsubmitaction 폴더 내에서 이름이 .content.xml인 새 파일을 만듭니다.

이 파일을 열고 다음 내용을 붙여 넣어 [customsubmitaction]을(를) 제출 액션 이름으로 바꿉니다.

<?xml version="1.0" encoding="UTF-8"?>
<jcr:root xmlns:jcr="http://www.jcp.org/jcr/1.0" xmlns:sling="http://sling.apache.org/jcr/sling/1.0"
jcr:description="[customsubmitaction]"
jcr:primaryType="sling:Folder"

guideComponentType="fd/af/components/guidesubmittype"
guideDataModel="basic,xfa,xsd"
submitService="[customsubmitaction]"/>

예를 들어 [customsubmitaction]을(를) 사용자 지정된 제출 작업 이름으로 Custom Submit Action(으)로 바꿉니다.

[AEMaaCS 프로젝트 디렉터리]에서 /ui.apps/src/main/content/META-INF/vault/filter.xml 파일로 이동합니다.

파일을 열고 끝에 다음 줄을 추가합니다.

<filter root="/apps/<app-id>/[customsubmitaction-folder]"/>

예를 들어 다음 코드 행을 추가하여 filter.xml 파일에 customsubmitaction 폴더를 추가합니다.

<filter root="/apps/wknd/customsubmitaction"/>

변경 사항을 저장합니다.

[AEMaaCS project directory]에서 다음 디렉터리로 이동합니다.
/core/src/main/java/com/<app-id>/core/service/
Important: 바꾸기 <app-id> (실제 애플리케이션 ID 포함)

새 Java 파일을 만들어 추가된 제출 작업에 대한 서비스를 구현합니다. 예를 들어 새 Java 파일을 CustomSubmitService.java(으)로 추가합니다.

이 파일을 열고 사용자 지정 제출 액션 구현에 대한 코드를 추가합니다.

예를 들어 아래 Java 코드는 제출된 데이터를 기록하여 양식 제출을 처리하고 상태 OK을(를) 반환하는 OSGi 서비스입니다. CustomSubmitService.java 파일에 다음 코드를 추가합니다.

package com.wknd.core.service;

import com.adobe.aemds.guide.model.FormSubmitInfo;
import com.adobe.aemds.guide.service.FormSubmitActionService;
import java.util.HashMap;
import java.util.Map;
import org.osgi.service.component.annotations.Component;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;

    @Component(
    service = FormSubmitActionService.class,
    immediate = true
        )
    public class CustomSubmitService implements FormSubmitActionService {

    private static final String serviceName = "Custom Submit Action";

    private static Logger log = LoggerFactory.getLogger(CustomSubmitService.class);

    @Override
    public String getServiceName() {
    return serviceName;
    }

    @Override
    public Map<String, Object> submit(FormSubmitInfo formSubmitInfo) {
    String data = formSubmitInfo.getData();
    log.info("Using custom submit action service, [data] --> " + data);
    Map<String, Object> result = new HashMap<>();
    result.put("status", "OK");
    return result;
     }
    }

변경 사항을 저장합니다.

AEM Forms as a Cloud Service 인스턴스에 로그인합니다.

Forms > Forms 및 문서 ​로 이동합니다.

적응형 양식을 선택하고 편집 ​을 클릭합니다. 양식이 편집 모드로 열립니다.

콘텐츠 브라우저를 열고 적응형 양식의 안내서 컨테이너 구성 요소를 선택합니다.

안내서 컨테이너 속성 아이콘을 클릭합니다. 적응형 양식 컨테이너 대화 상자가 열립니다.

제출 탭을 클릭합니다.

제출 액션 드롭다운 목록에서 제출 액션을 선택합니다. 예를 들어 제출 액션을 Custom Submit Action(으)로 선택합니다.

양식을 작성하여 제출하십시오.

양식이 성공적으로 제출되면 Adobe Experience Manager 웹 콘솔 구성 ​을 확인하여 로컬 개발 환경에서 사용자 지정 제출 액션의 동작을 확인할 수 있습니다.

http://<host>:<port>/system/console/configMgr로 이동합니다.

http://<host>:<port>/system/console/slinglog의 Adobe Experience Manager 웹 콘솔 로그 지원(으)로 이동합니다.

logs/error.log 옵션을 클릭합니다.

error.log 파일을 열어 데이터가 추가되었는지 확인합니다.