El gran libro de HTML5, CSS3 y Javascript podemos compartir el mismo trabajador desde diferentes ventanas, pestañas o iframes, y podemos mantener a cada instancia actualizada y sincronizada para la construcción de aplicaciones complejas. Las conexiones son hechas a través de puertos y estos puertos pueden ser almacenados en el trabajador para futuras referencias. Para trabajar con Trabajadores Compartidos y puertos, esta parte de la API incorpora nuevas propiedades, métodos y eventos: SharedWorker(códigoURL) Este constructor reemplaza al constructor previo Worker() usado para Trabajadores Dedicados. Como siempre, el atributo códigoURL declara la ruta del archivo Javascript con el código para el trabajador. Un segundo atributo opcional puede ser agregado para especificar el nombre del trabajador. port Cuando el objeto SharedWorker es construido, un nuevo puerto es creado para este documento y asignado a la propiedad port. Esta propiedad será usada más adelante para referenciar el puerto y comunicarse con el trabajador. connect Este es un evento específico usado desde dentro del trabajador para controlar nuevas conexiones. El evento será disparado cada vez que un documento inicia una conexión con el trabajador. Es útil para seguir los pasos de todas las conexiones disponibles con el trabajador (para referenciar todos los documentos que lo están usando). start() Este método está disponible para los objetos MessagePort (uno de los objetos retornados durante la construcción del trabajador compartido) y su función es iniciar el envío de mensajes recibidos en un puerto. Luego de la construcción del objeto SharedWorker, este método debe ser llamado para iniciar la conexión. El constructor SharedWorker() retorna un objeto SharedWorker y un objeto MessagePort con el valor del puerto a través del cual la conexión con el trabajador será hecha. La comunicación con el trabajador debe ser realizada por medio del puerto referenciado por la propiedad port. Para estudiar el funcionamiento de los Trabajadores Compartidos, tendremos que usar al menos dos documentos diferentes ubicados en el mismo origen, un archivo Javascript para cada documento y un archivo más para el trabajador. La plantilla para nuestro ejemplo incluye un iframe donde se cargará el segundo documento HTML. Ambos, el documento principal y el documento dentro del iframe, compartirán el mismo trabajador.
<!DOCTYPE html> <html lang="es"> <head> <title>WebWorkers</title> <link rel="stylesheet" href="webworkers.css"> <script src="webworkers.js"></script> </head> <body> <section id="cajaformulario"> <form name="formulario">
316