웹 프레젠테이션 엔진

웹 프레젠테이션 엔진을 사용하여 지원되는 브라우저의 웹 클라이언트와 운영 체제 응용 프로그램으로 실행되는 워크스테이션 클라이언트에서 웹 사용자 인터페이스를 사용할 수 있도록 합니다. 테스트용으로 자동화 ID를 활성화할 수도 있습니다.

개요

웹 프레젠테이션 엔진은 런타임 장치에서 HMI 응용 프로그램의 웹 사용자 인터페이스를 호스팅합니다. 지원되는 웹 브라우저에서 연결하는 클라이언트와 운영 체제 응용 프로그램으로 실행되는 워크스테이션 클라이언트에 서비스를 제공합니다. 운영자 패널이 있는 대상 장치와 전용 관리 인터페이스가 없는 장치에서 사용합니다. 프로젝트에는 웹 프레젠테이션 엔진이 하나만 포함될 수 있습니다.
웹 프레젠테이션 엔진은 웹 클라이언트와 워크스테이션 클라이언트를 위해 별도의 연결 용량을 예약합니다.
최대 웹 연결 수
는 웹 클라이언트 연결을 제한하고
최대 워크스테이션 연결 수
는 워크스테이션 클라이언트 연결을 제한합니다.
팁: 사용 가능한 웹 연결 슬롯이 없는 경우 웹 클라이언트는 사용 가능한 워크스테이션 연결 슬롯을 사용할 수 있습니다.
웹 프레젠테이션 엔진 구성에 대한 자세한 내용은 웹 프레젠테이션 엔진 구성 항목을 참조하십시오.

웹 클라이언트

웹 클라이언트는 지원되는 웹 브라우저를 사용하여 웹 프레젠테이션 엔진을 통해
FactoryTalk Optix 응용 프로그램
 세션을 엽니다.

워크스테이션 클라이언트

워크스테이션 클라이언트는 웹 프레젠테이션 엔진을 통해 웹 기반
FactoryTalk Optix 응용 프로그램
 세션을 운영 체제 응용 프로그램으로 엽니다. 워크스테이션 클라이언트를 사용하여 다른 운영 체제 응용 프로그램과 원활하게 통합할 수 있습니다.
워크스테이션 클라이언트에는 활성
FactoryTalk Optix Runtime
이 필요합니다. 워크스테이션 클라이언트로 실행되는
FactoryTalk Optix 응용 프로그램
를 설치, 업데이트 및 제거하려면 웹 브라우저 설명서를 참조하십시오.
팁: 웹 프레젠테이션 엔진에서 신뢰할 수 없는 자체 서명된 인증서를 사용하는 동안 워크스테이션 클라이언트가 다시 시작되면 응용 프로그램 인증서를 신뢰해야 합니다. 인증서를 승인한 후 응용 프로그램이 표준 브라우저 페이지에서 열립니다. 워크스테이션 클라이언트를 열려면 브라우저에서 응용 프로그램을 다시 실행합니다.
웹 프레젠테이션 엔진이
localhost
에서 수신 대기하는 경우 워크스테이션 클라이언트는 HTTP 또는 자체 서명된 HTTPS 인증서를 사용할 수 있습니다. 이 설정은 디버깅 또는 개발 용도로만 사용하고 프로덕션 환경에서는 사용하지 마십시오.
localhost가 아닌 주소에서 프로덕션 용도로 사용하려면 웹 프레젠테이션 엔진 프로토콜을 HTTPS로 설정하고 생성된 서명 인증서를 사용하십시오. 자체 서명된 인증서는 지원되지 않습니다.

보안 및 세션 관리

웹 클라이언트 또는 워크스테이션 클라이언트가 웹 서버에 연결되면 웹 프레젠테이션 엔진이 대화형 세션을 생성합니다. 세션은 인증된 사용자에게 속합니다. 동일한 인증된 사용자가 여러 장치에서 프로젝트에 액세스하여 대화형 세션을 추가로 생성할 수 있습니다. 각 세션은 시작 창을 만듭니다. 자세한 내용은 UI 세션 항목을 참조하십시오.
팁: 보안상의 이유로 웹 프레젠테이션 엔진이 있는 웹 브라우저 개체 내에서 자체 서명된 SSL 인증서가 있는 웹 사이트를 보려면 동일한 브라우저의 다른 탭에서 웹 사이트를 여십시오. 해당 탭에서 인증서를 승인합니다. 그런 다음 WebUI 탭으로 이동하여 페이지를 다시 로드해 자체 서명된 SSL 웹 사이트를 표시합니다. 임베딩을 허용하는 콘텐츠 보안 정책이 있는 웹사이트만 WebUI 세션의 웹 브라우저 내부에서 열 수 있습니다. 인증서 오류 항목을 참조하십시오.

클라이언트 IP 주소

별칭
{Session}
세션
UI 세션
IP 주소
 변수로 이동하여 클라이언트 IP 주소를 가져옵니다. 응용 프로그램 논리에서 클라이언트 IP 주소를 사용하기 위한 동적 링크를 만듭니다. 예를 들어, 특정 IP 주소에서 연결하는 클라이언트에 대해 서로 다른 그래픽 개체를 표시할 수 있습니다.
자세한 내용은 동적 링크 및 별칭 항목을 참조하십시오.

파일 로드 제한

웹 프레젠테이션 엔진은 프로젝트 디렉터리(
%PROJECTDIR%
)에서만 파일을 로드합니다. 이 제한은 이미지, 웹 브라우저 및 PDF 뷰어 개체를 포함하여 파일을 로드하는 프로젝트의 모든 개체에 적용됩니다.

런타임 창 표시

런타임에 다른 창을 표시하려면 주소에
/windows/
window_object_name
을 추가합니다. 예를 들어,
localhost:8843/windows/Window1
입니다.
프로젝트에 창을 추가하는 방법에 대한 자세한 내용은 창 구성 항목을 참조하십시오.

테스트용 자동화 ID

테스트용 자동화 ID를 활성화하려면
FactoryTalk Optix Studio
 설정에서
고급 모드
를 활성화합니다. 웹 프레젠테이션 엔진에서
자동화 ID 활성화
를 선택합니다. 활성화하면 웹 프레젠테이션 엔진이 각 UI 구성 요소의
<div>
 요소에
data-automationid="<BrowsePath>"
를 추가합니다. 속성 값은 구성 요소의 찾아보기 경로이며, UI 계층 구조에서 해당 위치를 나타냅니다. 예를 들어,
data-automationid="NewHMIProject136/UI/MainWindow/ScrollView1/Rectangle1"
입니다.
엔드 투 엔드 또는 통합 테스트에서
data-automationid
를 기본 선택기로 사용합니다. 리팩터링으로 인해 변경되는 텍스트, CSS 클래스 또는 DOM 구조보다 더 안정적입니다.
팁:
  • CSS 또는 응용 프로그램 논리에는
    data-automationid
    를 사용하지 마십시오.
  • 프로덕션에서는 이 기능을 활성화하지 마십시오. 테스트 세션에만 사용하십시오.
의견을 작성 부탁드립니다.
이 자료에 대한 문의사항이나 요청사항이 있습니까? 여기에 요청사항을 작성 부탁드립니다.
Normal