Chrome 확장 프로그램을 사용하여 Automation Co-Pilot용 위젯 개발

웹 애플리케이션에 배포할 Chrome 확장 프로그램을 사용하여 Automation Co-Pilot에서 iFrame 위젯을 개발하십시오.

전제 조건

Chrome 확장 프로그램을 사용하는 Automation Co-Pilot을 사용하여 Chrome 브라우저는 위젯을 내장하는 저장소 역할을 하게 됩니다. 다음 단계를 사용하여 웹 애플리케이션용 iFrame 위젯을 개발하고 위젯을 Automation Co-Pilot에 배포하여, 완전한 내장된 자동화 경험을 매핑합니다. 다양한 웹 컴포넌트를 개발할 수 있지만, 다음 단계를 수행하면 웹 애플리케이션에 직접 자동화를 가져오는 간단한 프로세스가 더욱 단순해집니다.

PixieBrix 페이지 편집기 환경은 Automation Co-Pilot의 자동화를 웹 애플리케이션에 매핑하고 구성하는 데 사용됩니다. 위젯을 포함할 컴포넌트를 선택하십시오. 이 환경은 OAuth 연결을 사용하여, Control Room에 저장된 프로세스 및 자동화에 액세스하고 선택한 컴포넌트에 매핑합니다. 편집기 개발에 대한 자세한 내용은 다음 링크를 참조하십시오. Guide to PixieBrix Page Editor

다음 동영상은 Chrome 확장 프로그램을 사용하여 Automation Co-Pilot에서 위젯을 개발하는 프로세스를 보여줍니다.

프로시저

  1. 시작하려면 iFrame 위젯을 내장할 웹 애플리케이션으로 이동합니다.
  2. 패널 렌더링 작업을 선택하고 창 상단의 휴지통 아이콘을 클릭하여 삭제합니다.
  3. 페이지 편집기를 열려면 원하는 웹 애플리케이션에서 마우스 오른쪽 버튼을 클릭하고 검사를 선택합니다.
    다음 표와 이미지는 개발 환경에 대해 자세히 설명합니다.
    패널 설명
    1 확장 프로그램 목록 개발을 위한 확장 프로그램을 만들고 선택합니다.
    2 확장 프로그램 개요 확장 프로그램의 컴포넌트를 추가, 확인 및 편집합니다.
    3 구성 패널 컴포넌트가 웹 페이지와 상호 작용하는 방식을 매핑하고 구성합니다.
    4 데이터 패널 확장 프로그램을 테스트하고 디버그합니다.

    Pixie 페이지 편집기의 이미지.
  4. 확장 목록에서 추가를 선택하고 사이드바 패널을 선택합니다.
  5. 개요 패널에서 더하기 아이콘을 클릭하여 컴포넌트 메뉴를 엽니다.
  6. iFrame 컴포넌트를 선택하고 브릭 추가를 클릭합니다.
  7. 구성 패널에서 필수 필드를 작성합니다.
    1. 위젯의 이름을 입력합니다. 이 이름은 사용자에 대한 프로비저닝을 시작할 때 Automation Co-Pilot에 표시됩니다.
    2. 위젯 URL을 입력하여 Control Room에 액세스합니다.
    내장된 위젯을 사용하여 Automation Co-Pilot에 있는 삽입 코드에서 가져온 URL입니다. src= 뒤에 따옴표로 묶인 URL을 배치하기만 하면 됩니다.
  8. 확장을 저장합니다.
  9. 데이터 패널을 사용하여 확장 프로그램을 테스트하고 디버그합니다.
    최종 출력은 데이터 패널에 자세하게 표시되며, 잘못 매핑되거나 구성될 수 있는 모든 작업을 경고합니다.
    중요사항: 잘못된 연결 또는 잘못된 자격증명 관련 경고가 표시되는 경우 Chrome 확장 프로그램을 사용하여 Automation Co-Pilot을 설정하고 Automation Co-Pilot에 올바르게 연결했는지 확인하십시오.
  10. 확인에 성공한 후 확장 프로그램 목록 패널에서 세로 생략부호를 클릭하여 청사진에 확장 프로그램을 추가합니다.

    이미지는 인터페이스에서 청사진에 추가할 위치를 보여줍니다.
  11. 새 청사진 생성을 선택합니다.
  12. 새 청사진으로 이동 또는 복사를 선택합니다.
  13. 고유 ID를 입력하십시오.
  14. 다음 단계에서 확장 프로그램을 식별할 이름을 입력합니다.
  15. 확장 프로그램의 수명 동안 이루어진 점진적 사용자 지정 사항을 식별할 수 있도록 개발자용 버전을 입력합니다.
  16. 설명을 입력합니다.
  17. 생성을 클릭하여 변경 사항을 저장합니다.

다음 단계

소속 팀에 대한 확장 프로그램을 개발한 후 Chrome 확장 프로그램을 사용하여 청사진을 Automation Co-Pilot에 배포합니다. Chrome 확장 프로그램을 사용하여 Automation Co-Pilot에 확장 버전 배포하기