# Visión general de BLUE Web Viewer y flujo de trabajo de desarrollo

Ocultar Show

1. Acerca de BLUE Web Viewer
2. Entorno operativo de Web Viewer
3. Flujo de desarrollo

## Acerca de BLUE Web Viewer

«BLUE Web Viewer» (en adelante, «Web Viewer») es una función que se ejecuta en una unidad de visualización para compartir la información de la pantalla con los navegadores web de los teléfonos inteligentes y las tabletas (en adelante, «dispositivos inteligentes»), así como en los ordenadores. Con Web Viewer, la unidad de visualización es un servidor, y los dispositivos inteligentes y ordenadores que se conectan al servidor son clientes.

1. Clientes
2. Servidor

Utilizando un cliente, también puede realizar operaciones en el servidor desde un navegador web. La operación remota del servidor desde un cliente es posible cuando la red está configurada para que los clientes puedan conectarse al servidor.

Un solo servidor puede permitir varias conexiones de clientes simultáneas.

Ejemplos de aplicaciones:

- Operación y monitorización remotas de los equipos instalados con la unidad de visualización

- Ver la pantalla de la unidad de visualización en un monitor grande

Nota:

- Para los modelos compatibles con Web Viewer y el número de clientes Web Viewer consulte lo siguiente.
  Lista de modelos admitidos/características
- La comunicación puede volverse inestable dependiendo del entorno de red y del rendimiento del dispositivo cliente.

Hay muchas aplicaciones en las que puede ser necesario el uso de Web Viewer, tal como la interacción con maquinaria situada en un lugar de difícil acceso (como en una sala blanca o en el otro extremo de una gran instalación), o la interacción con una unidad de visualización configurada sin un módulo de visualización.

Si bien el sistema de Web Viewer puede admitir que varios clientes se conecten al servidor y vean la interfaz del panel, sólo un cliente puede interactuar con el servidor (operación táctil) en cualquier momento.

## Entorno operativo de Web Viewer

Elemento | Descripción
Servidor | Para conocer los modelos y el número de conexiones simultáneas de clientes, consulte lo siguiente. Lista de modelos admitidos/características
Cliente | HTTP
Sistema operativo | Navegador web
Windows Windows Server | Google Chrome 64 o posterior Microsoft Edge 80 o posterior
iOS 13 o posterior iPadOS 13 o posterior | Safari 13 o posterior Google Chrome 78 o posterior
Android 4.4 o posterior | Google Chrome 72 o posterior
HTTPS
Sistema operativo | Navegador web
Windows Windows Server | Google Chrome 64 o posterior Microsoft Edge 80 o posterior
iOS 16 o posterior | Safari 16 o posterior Google Chrome 102 o posterior
Android 11 o posterior | Google Chrome 85 o posterior
Nota: Internet Explorer y Firefox no son compatibles.
Protocolos compatibles | HTTP HTTPS
Idiomas admitidos (interfaz de usuario) | Inglés, Francés, Alemán, Español, Italiano, Portugués, Chino Simplificado, Chino Tradicional, Coreano y Japonés

### Construir una red segura para impedir el acceso no autorizado

Para crear una red segura que impida el acceso no autorizado, véase lo siguiente.

Ciberseguridad

Recomendamos especialmente hacer lo siguiente.

- Construir un entorno de comunicación utilizando la comunicación cifrada (por ejemplo, VPN).
- Instale la unidad de visualización en una red segura de confianza y proteja la unidad de visualización con un cortafuegos.
- Cuando sea posible, use HTTPS y configure la autenticación de usuario.

#### Pro-face Connect

Puede usar Pro-face Connect para construir un entorno de comunicación cifrado.

Al usar Pro-face Connect con Web Viewer, en la configuración de Creating an Agent agrega la configuración de puerto.

Agregar la configuración del puerto Agregar la configuración del puerto

1. En la ventana [SiteManager], en la parte derecha de [Agentes de dispositivos] haga clic en [Edición].
2. En el agente de destino, haga clic en el icono para mostrar los parámetros adicionales.
3. En el campo [Puertos TCP adicionales], escriba el número de puerto configurado en el software de edición de pantallas y haga clic en [Guardar].

Nota:

- Para más información sobre la configuración de Pro-face Connect, consulte el Manual de Pro-face Connect.
- No se puede utilizar dispositivos inteligentes como clientes de Web Viewer en un entorno de comunicación encriptado creado por Pro-face Connect

## Flujo de desarrollo

1. Configuración del servidor
2. Configuración de los ajustes de autenticación de usuarios
3. Exportación e instalación de un certificado SSL

### Configuración del servidor

A continuación se describen los pasos para configurar el servidor.

Importante: Para aumentar la seguridad, recomendamos activar el [Ajuste de seguridad]. Al activar el [Ajuste de seguridad], cuando un cliente accede al servidor, se requiere la autenticación del usuario.

1. En la ventana del Explorador de Proyectos, vaya a [Arquitectura del Sistema] y haga clic en [Target01].
2. En la ventana Propiedades, haga clic en la pestaña [Avanzado] y en la pestaña [Acceso a datos].
3. Vaya a [Configuración de Función web] y seleccione la casilla [Activar Web Viewer].
4. Vaya a [Configuración de Web Viewer] y seleccione la casilla [Ajustes de seguridad].
5. Si es necesario, cambie el número de puerto en [Número de puerto].

Nota:

- El [Número de puerto] se comparte entre el servidor web y Web Viewer. El número de puerto válido está entre 1024 y 65535.
- Para más información sobre los ajustes individuales de Web Viewer, consulte lo siguiente.

  - Personalización de la página de inicio de sesión y de la página de distribución

  - Monopolizar la operación

  - Bloqueo del usuario

  - Cerrar la sesión de clientes inactivos

  - Tiempo de espera para operaciones de pulsar y sostener

  - Confirmar el número de clientes

  - Cómo instalar el Certificado SSL en el Cliente

### Configuración de los ajustes de autenticación de usuarios

En la configuración de Web Viewer, active el [Ajuste de seguridad] para que se requiera la autenticación del usuario cuando un cliente acceda al servidor. Los usuarios y grupos de usuarios configurados en el proyecto se utilizan para la autenticación de los usuarios.

Nota:

- Los cambios en la información de seguridad en el tiempo de ejecución, tal como la importación de usuarios y grupos de usuarios, cerrarán automáticamente la sesión de los clientes en el servidor, excepto cuando la [Configuración de Web Viewer] ➞ [Ajuste de seguridad] está desactivado.
- Si se cambia la contraseña de un solo usuario en el tiempo de ejecución, se cerrará automáticamente la sesión del usuario asociado en un cliente.
- El cliente de Web Viewer no puede hacer ningún cambio en la configuración de autenticación del usuario.

Para configurar la autenticación del usuario:

1. Configure usuarios y grupos de usuarios. Véase lo siguiente.
   Pasos para diseñar (Seguridad)
2. En la ventana Explorador de proyectos, vaya a [Seguridad] y haga clic en el grupo de usuarios deseado.
3. En la ventana Propiedades, establezca la propiedad [Derecho de acceso de Web Viewer].

   [Derecho de acceso de Web Viewer]
   Seleccione el derecho de acceso cuando inicia sesión como cliente. [Ninguno]: No se puede iniciar sesión. [Monitor]: Acceso de solo vista. [Monitor/Operación]: Acceso de vista y operación.

### Exportación e instalación de un certificado SSL

Para utilizar HTTPS, exporte el certificado SSL de la unidad de visualización e instálelo en el dispositivo cliente.

Cómo instalar el Certificado SSL en el Cliente

Nota:

- Cuando HTTPS está habilitado, si no existe un certificado SSL en el primer inicio, la unidad de visualización generará uno automáticamente.
- El certificado SSL es válido por 825 días.
- Una vez que el certificado SSL caduque, al reiniciar la unidad de visualización, al reiniciar la unidad de visualización se generará automáticamente uno nuevo.
- Si la dirección IP se cambia mientras el certificado sigue siendo válido, el certificado se considerará inválido. En este caso, el certificado no se regenerará automáticamente. Debe regenerarlo manualmente desde la pantalla de Configuración de hardware.
- El certificado SSL debe incluir la dirección IP utilizada en la URL. La unidad de visualización usa la dirección IP del adaptador de red activo al iniciar para generar el certificado. Por lo tanto, si la dirección IP utilizada durante la generación del certificado difiere de la utilizada durante la operación real, la comunicación HTTPS puede fallar. Por esta razón, activar DHCP puede dar lugar a que se utilicen direcciones IP inesperadas para la comunicación.
- La dirección de loopback (127.0.0.1) no puede utilizarse para la comunicación HTTPS. Sin embargo, puede utilizarse durante la Simulación.
- HTTPS es compatible en modo de Simulación, pero se genera un nuevo certificado SSL cada vez que se inicia la Simulación.