# BLUE Web Viewer 개요 및 개발 워크플로

숨기기표시

1. BLUE Web Viewer 정보
2. Web Viewer 운영 환경
3. 개발 흐름

## BLUE Web Viewer 정보

"BLUE Web Viewer"(이하 "Web Viewer"라고 함)는 스마트폰과 태블릿(이하 "스마트 장치"라고 함) 및 컴퓨터의 웹 브라우저에서 화면 정보를 공유하려고 디스플레이 장치에서 실행되는 기능입니다. Web Viewer를 사용하면 디스플레이 장치는 서버이고 그 서버에 연결되는 스마트 장치와 컴퓨터는 클라이언트입니다.

1. 클라이언트
2. 서버

클라이언트를 사용하면 서버의 작업을 웹 브라우저에서도 수행할 수 있습니다. 클라이언트가 서버에 연결할 수 있도록 네트워크를 설정하는 경우 클라이언트에서 서버의 원격 작동이 가능합니다.

단일 서버로 복수의 클라이언트 연결을 동시에 허용할 수 있습니다.

적용 예

- 디스플레이 장치가 설치된 장비의 원격 작동 및 모니터링

- 디스플레이 장치 화면을 대형 모니터에서 보기

메모:

- Web Viewer를 지원하는 모델과 Web Viewer 클라이언트의 수는 다음을 참조하십시오.
  대응 모델/기능 리스트
- 통신은 네트워크 환경과 클라이언트 장치의 성능에 따라 불안정해질 수 있습니다.

도달하기 어려운 위치(예: 청정실 안 또는 대형 시설의 다른 쪽 끝)에 있는 기계와 상호 작용하거나 디스플레이 모듈 없이 구성된 디스플레이 장치와 상호 작용하는 등 Web Viewer가 필요할 수 있는 응용 프로그램이 많이 있습니다.

Web Viewer 시스템은 여러 클라이언트가 서버에 연결하여 패널 인터페이스를 보는 것을 지원할 수 있지만, 오직 하나의 클라이언트가 서버와 상호 작용(터치 작업)하는 것도 언제든지 가능합니다.

## Web Viewer 운영 환경

항목 | 설명
서버 | 모델 및 동시 클라이언트 연결 수는 다음을 참조하십시오. 대응 모델/기능 리스트
클라이언트 | HTTP
운영 체제 | 웹 브라우저
Windows Windows Server | Google Chrome 64 이상 Microsoft Edge 80 이상
iOS 13 이상 iPadOS 13 이상 | Safari 13 이상 Google Chrome 78 이상
Android 4.4 이상 | Google Chrome 72 이상
HTTPS
운영 체제 | 웹 브라우저
Windows Windows Server | Google Chrome 64 이상 Microsoft Edge 80 이상
iOS 16 이상 | Safari 16 이상 Google Chrome 102 이상
Android 11 이상 | Google Chrome 85 이상
메모: Internet Explorer와 Firefox는 지원되지 않습니다.
지원되는 프로토콜 | HTTP HTTPS
지원되는 언어(사용자 인터페이스) | 영어, 프랑스어, 독일어, 스페인어, 이탈리아어, 포르투갈어, 중국어 간체, 중국어 번체, 한국어, 일본어

### 무단 액세스를 방지하기 위해 보안 네트워크를 구축하려면

무단 액세스를 방지하기 위해 보안 네트워크를 구축하려면 다음을 참조하십시오.

사이버 보안

특히 다음을 수행하는 것을 권합니다.

- 암호화된 통신 (예: VPN) 을 사용하여 통신 환경을 구축하십시오.
- 디스플레이 장치를 신뢰할 수 있는 보안 네트워크에 설치하고 디스플레이 장치를 방화벽으로 보호하십시오.
- 사용 가능한 경우 HTTPS를 사용하고 사용자 인증을 구성합니다.

#### Pro-face Connect

Pro-face Connect를 사용하여 암호화된 통신 환경을 구축할 수 있습니다.

Pro-face Connect를 Web Viewer와 함께 사용할 때 에이전트 만들기 설정에서 포트 설정을 추가합니다.

포트 설정 추가하기포트 설정 추가하기

1. [SiteManager] 창에서 [디바이스 에이전트]의 오른쪽에서 [편집]을 클릭합니다.
2. 대상 에이전트에서 아이콘을 클릭하여 추가 매개 변수를 표시합니다.
3. [추가 TCP 포트] 필드에서, 화면 편집 소프트웨어에서 구성된 대로 포트 번호를 입력하고 [저장]을 클릭합니다.

메모:

- Pro-face Connect 구성에 대한 자세한 내용은 Pro-face Connect 설명서를 참조하십시오.
- Pro-face Connect로 구축된 암호화된 통신 환경에서는 스마트 장치를 Web Viewer 클라이언트로 사용할 수 없습니다.

## 개발 흐름

1. 서버 구성
2. 사용자 인증 설정 구성
3. SSL 인증서 내보내기 및 설치하기

### 서버 구성

다음은 서버를 구성하는 단계를 설명하는 것입니다.

중요: 보안을 강화하려면 [보안 설정]을 사용하도록 설정하는 것이 좋습니다. [보안 설정]을 사용하도록 설정하면 클라이언트가 서버에 액세스할 때 사용자 인증이 필요합니다.

1. 프로젝트 익스플로러 창에서 [시스템 아키텍처]로 이동한 후 [Target01]을 클릭합니다.
2. 속성 창에서 [고급] 탭을 클릭하고 [데이터 액세스] 탭을 클릭합니다.
3. [웹 기능 설정]으로 이동하여 [Web Viewer 사용] 확인란을 선택합니다.
4. [Web Viewer 설정]으로 이동하여 [보안 설정] 확인란을 선택합니다.
5. 필요한 경우 [포트 번호]에서 포트 번호를 변경합니다.

메모:

- [포트 번호]는 웹 서버와 Web Viewer 간에 공유됩니다. 유효한 포트 번호는 1024에서 65535 사이입니다.
- 개별 Web Viewer 설정에 관한 자세한 내용은 다음을 참조하십시오.

  - 로그인 페이지와 배포 페이지 사용자 지정

  - 작동 독점

  - 사용자 잠금

  - 비활성 클라이언트 로그아웃

  - 길게 누르기 작업 시간 제한

  - 클라이언트 수 확인

  - SSL 인증서를 클라이언트에 설치하는 방법

### 사용자 인증 설정 구성

Web Viewer 설정에서 클라이언트가 서버에 액세스할 때 사용자 인증이 필요하도록 [보안 설정]을 사용하도록 설정하십시오. 프로젝트에 설정된 사용자 및 사용자 그룹이 사용자 인증에 사용됩니다.

메모:

- 사용자 및 사용자 그룹 가져오기 같이 런타임에 보안 정보가 변경되면 [Web Viewer 설정] ➞ [보안 설정]이 사용 안 함으로 설정된 경우를 제외하고 클라이언트가 서버에서 자동으로 로그아웃됩니다.
- 런타임에 단일 사용자의 비밀번호가 변경되면 클라이언트에서 관련 사용자가 자동으로 로그아웃됩니다.
- Web Viewer 클라이언트는 사용자 인증 설정을 전혀 변경할 수 없습니다.

사용자 인증을 구성하려면

1. 사용자와 사용자 그룹을 구성합니다. 다음을 참조하십시오.
   디자인 단계 (보안)
2. 프로젝트 탐색기 창에서 [보안]으로 이동하여 원하는 사용자 그룹을 클릭합니다.
3. 속성 창에서 [Web Viewer 액세스 권한] 속성을 설정합니다.

   [Web Viewer 액세스 권한]
   클라이언트로 로그인할 때 액세스 권한을 선택합니다. [없음]: 로그인이 불가능합니다. [모니터]: 보기 전용 액세스입니다. [모니터/작업]: 보기 및 작업 액세스입니다.

### SSL 인증서 내보내기 및 설치하기

HTTPS를 사용하려면 SSL 인증서를 디스플레이 장치에서 내보내어 클라이언트 장치에 설치합니다.

SSL 인증서를 클라이언트에 설치하는 방법

메모:

- HTTPS가 활성화된 경우 처음 시작할 때 SSL 인증서가 존재하지 않으면 디스플레이 장치에서 자동으로 생성합니다.
- SSL 인증서는 825일간 유효합니다.
- SSL 인증서가 만료되면 디스플레이 장치를 다시 시작할 때 새 인증서가 자동으로 재생성됩니다.
- SSL 인증서가 아직 유효한 상태에서 IP 주소가 변경되면 그 인증서는 유효하지 않은 것으로 간주됩니다. 이 경우 인증서는 자동으로 재생성되지 않습니다. 하드웨어 구성 화면에서 반드시 수동으로 재생성해야 합니다.
- SSL 인증서에는 URL에 사용된 IP 주소가 반드시 포함되어야 합니다. 디스플레이 장치는 시작할 때 활성 네트워크 어댑터의 IP 주소를 사용하여 인증서를 생성합니다. 따라서 인증서 생성 시 사용한 IP 주소와 실제 작동 시 사용한 IP 주소가 다르면 HTTPS 통신이 실패할 수 있습니다. 이러한 이유로 DHCP를 활성화하면 예기치 않은 IP 주소가 통신에 사용될 수 있습니다.
- 루프백 주소(127.0.0.1)는 HTTPS 통신에 사용할 수 없습니다. 그러나 시뮬레이션 중에는 사용할 수 있습니다.
- HTTPS는 시뮬레이션 모드에서 지원되지만, 시뮬레이션을 시작할 때마다 새 SSL 인증서가 생성됩니다.