Visión general de BLUE Web Viewer y flujo de trabajo 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:

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.

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 puertoAgregar 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:

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.