HTML의 데이터를 양식에 매핑

호스트 애플리케이션의 위젯을 구성하고 iFrame 위젯의 초기 양식에 데이터를 채웁니다. 이렇게 하면 반복적인 데이터 입력 없이 데이터를 컨트롤할 수 있습니다.

전제 조건

다음을 완료하도록 하십시오.

  • Co-Pilot 사용자에 대해 시스템에서 생성한 AAE_Robotic_Interface User 역할을 제공했습니다.
  • 웹 인터페이스에서 비즈니스 유저용 Automation Co-Pilot에 액세스할 수 있습니다.
  • iFrame 기술을 지원하는 (사용자가 선택한) 호스트 웹 애플리케이션에 액세스할 수 있습니다.
  • 이미 iFrame 위젯을 설정하셨습니다. 자세한 내용은 웹 애플리케이션에서 iFrame 위젯 구성 항목을 참조하십시오.

프로시저

  1. 호스트 웹 애플리케이션에 로그인합니다.
    이것은 iFrame 위젯이 있는 대상 애플리케이션입니다.
  2. 위젯 설정 페이지 또는 호스트 웹 애플리케이션의 소스 코드로 이동합니다( iFrame 위젯 코드를 추가한 위치)
    이 페이지에는 위젯 소스에 대해 내장된 코드가 포함되어 있습니다.
  3. 호스트 데이터를 입력하고 스크립트에 데이터를 보냅니다.
    중요사항: 데이터를 매핑하려면 프로세스 ID, 요소 ID 및 서로 상관 관계가 있는 요소 ID의 값을 사용하여 호스트 웹 애플리케이션에 프로세스를 로드해야 합니다.
    호스트 데이터 구조 예:
    hostData =
    {
     process ID
        {
           elementID1: value1,
           elementID2: value2,
           elementID3: value3
       }
    } 
    sendDataToEmbeddedApp = (processID) =>
    {
        iframeElement = document.querySelector();
        iframeElement.contentWindow.postMessage({data: hostData[processID]}, 
            iframeElement.getAttribute());
    }
    주: 요소 ID는 다음과 같은 양식 요소 데이터 유형을 사용합니다. 확인란, 숫자, 라디오 버튼, 텍스트 상자 및 숨겨진 변수.
    추가 샘플 구조:
    HTML 코드 예시
  4. 세션을 저장합니다.
    이제 호스트 데이터를 구성하고 데이터를 프로세스에 매핑했습니다.
  5. iFrame 위젯로 이동합니다.
    iFrame 위젯에 자동화 목록이 표시되어야 합니다.
    iFrame 위젯의 자동화 목록 샘플.
  6. 이미 매핑되고 채워진 데이터가 있는 초기 양식을 열려면 프로세스를 클릭합니다.
    자동화 목록의 초기 형식과 동일합니다.
    초기 양식은 매핑된 데이터를 보여줍니다.
  7. 제출을 클릭하고 자동화를 실행합니다.