Uso de iframes con Chromium 110/120

2 min

En Chromium versión 110 y posteriores, Objetos BrightScript-JavaScript solo son compatibles dentro de iframes en BrightSignOS versión 9.0.191 o superior. Este cambio afecta a los desarrolladores que han estado incrustando contenido en iframes que dependen de estos objetos específicos de BrightSign.

Aplicaciones con Control de contenido iframe

Si su aplicación incrusta contenido dentro de un iframe y usted tiene control sobre el contenido dentro de ese iframe, deberá ajustar su enfoque. En lugar de usar objetos BrightSign directamente dentro del iframe, debe enviar mensajes desde el iframe a la ventana principal mediante el método postMessage() . La ventana principal, que contiene los objetos BrightSign, puede entonces manejar estos mensajes y ejecutar las acciones necesarias.

A continuación se muestra un ejemplo en el que el iframe envía un mensaje a la ventana principal usando window.parent.postMessage(). La ventana principal escucha mensajes usando el listener de eventos mensaje y, al recibir un mensaje, puede interactuar con los objetos BrightSign para realizar las acciones deseadas.

contenido del iframe:

<!-- Dentro del iframe -->
<script>
    // Crear un mensaje para enviar a la ventana principal
    const message = { action: 'exampleCommand', data: 'example data' };

    // Enviar el mensaje a la ventana principal
    window.parent.postMessage(message, '*'); // El comodín '*' permite cualquier origen. Use un origen específico por seguridad.
</script>

Ventana principal:

<!-- Ventana principal que contiene objetos BrightSign -->
<script>
    window.addEventListener('message', (event) => {
        // Asegúrese de validar el origen del mensaje por seguridad
        if (event.origin !== 'https://your-trusted-origin.com') {
            return;
        }

        const message = event.data;

        if (message.action === 'exampleCommand') {
            // Use el objeto BrightSign para realizar la acción necesaria
            // Ejemplo: brightSignObject.someFunction(message.data);
            console.log('Received message:', message);
        }
    });
</script>

Aplicaciones que muestran URL públicas

Si su aplicación carga URL públicas dentro de un iframe, evite usar objetos BrightSign dentro del iframe. El contenido público puede ser impredecible y potencialmente inseguro. Utilizar objetos BrightSign en tales escenarios podría exponer su aplicación a vulnerabilidades si el contenido se ve comprometido o es alterado maliciosamente. Evite incrustar objetos BrightSign en estos casos y en su lugar use objetos @brightsign objetos siempre que sea posible. Estos objetos se alinean con las prácticas modernas de desarrollo JavaScript, proporcionan seguridad mejorada y le permiten mantener la compatibilidad y la seguridad en diferentes entornos y versiones de Chromium.