---
title: Guía social API
slug: Social_API/Guide
translation_of: Archive/Social_API/Guide
---
<p> </p>
<p></p><div class="overheadIndicator draft">
    <p><strong>Borrador</strong><br>
    Esta página no está completa.</p>

</div><p></p>
<p>Este artículo describe el ciclo de vida de un social service worker, como el servicio social permite al navegador interactuar con un sitio  de redes sociales y asi sucesivamente.</p>
<h2 id="Ciclo_de_vida_de_un_social_service_worker">Ciclo de vida de un social service worker</h2>
<p>Un proveedor de servicios sociales esta definido por un archivo de texto estructurado (JSON) incluyendo un número de URLs con llave, un nombre y un icono. Los URLs poseen el mismo orígen que el archivo JSON si es cargado remotamente.</p>
<p>Un social service worker es instanciado del URL de dicho service worker provisto por el proveedor de servicios; este URL  debe resolver a un archivo JavaScript que es evaluado por el trabajador de servicios. El worker es un worker compartido, renderizado "no comprable" en un estilo muy similar a la especificación de los Trabajadores Web ( aunque debe tomarse en cuenta que la implementación actual no es, de hecho, un <a href="/es/docs/Web/API/Worker" title="The Worker interface of the Web Workers API represents a background task that can be easily created and can send messages back to its creator. Creating a worker is as simple as calling the Worker() constructor and specifying a script to be run in the worker thread."><code>Worker</code></a>).</p>
<p>El service worker permanece con vida hasta finalizar, ya sea por cierre de navegador o por un comando de control explícito del usuario.</p>
<p>Si el navegador determina que la finalización del service worker es necesaria, todos los contenidos del servicio-nivel asociados con el service worker es descargado ( esto significa, que todos los <span style="color: rgb(255, 255, 0);"><code style="font-size: 14px;"><span style="background-color: rgb(255, 0, 0);">ServiceWindow</span></code></span>s y barras laterales seran cerrados) como parte de la finalización.</p>
<p>Si el navegador se inicia ( o se reinicia) el servicio durante una sesión de usuario normal, el service worker es primero completamente cargado, y las barras laterales son instanciadas en ventanas existentes. Los <span style="color: rgb(255, 255, 0);"><code style="font-size: 14px;"><span style="background-color: rgb(255, 0, 0);">ServiceWindow</span></code></span>s (como los chats) no son reiniciados automáticamente.</p>
<h2 id="Flujo_de_implementación">Flujo de implementación</h2>
<p>Esta sección ilustra como el social service comenzó, como se comunica con el sitio de redes sociales, y se finaliza.</p>
<p>&lt;&lt;&lt;añada un diagrama actual&gt;&gt;&gt;</p>
<ol>
  <li>El servicio es registrado con un servicio, widget de barra lateral y widget para compartir.</li>
  <li>En el momento de inicio del navegador, el trabajador de servicio es instanciado.</li>
  <li>El servicio abre un conexión a su servicio, si una sesión de usuario esta disponible, y empieza a recibir eventos de inserción.</li>
  <li>Cuando una ventana del navegador es creada, el contenido del widget de la barra lateral es instanciado.</li>
  <li>La barra lateral se registra con el servicio usando <code style="font-size: 14px;">mozSocial.getWorker().postMessage("hello")</code>.</li>
  <li>El trabajador de servicios captura el mensaje "hello" y añade la <code style="font-size: 14px;">sidebarContentWindow</code> a una lista de recepción de eventos.</li>
  <li>El contenido de la barra lateral podrá entonces realizar una conformidad de conexiónes publicar-suscribir más elaboradas, para limitar que eventos este recibe.</li>
  <li>Cuando el servicio recibe eventos del servidor (o de otro contenido), invoca <a href="/es/docs/Web/API/Window/postMessage" title="La documentación acerca de este tema no ha sido escrita todavía . ¡Por favor  considera contribuir !"><code>window.postMessage()</code></a> en cada referencia de ventana que fue previamente guardada. La barra lateral se regenera segun sea necesario.</li>
  <li>Si el usuario hace click en la barra lateral para, por ejemplo, abrir una ventana de chat, <a href="/es/docs/Web/API/Window/open" title="Carga un recurso en el contexto de un nuevo navegador (como una ventana) o uno que ya existe, dependiendo de los parametros."><code>window.open()</code></a> se hace la llamada y una nueva ventana es creada. La ventana de chat se registra con el servicio utilizaando <code style="font-size: 14px;">mozSocial.getWorker().postMessage("hello")</code> y recibe un mensaje de vuelta indicandole con quien abrir un chat. El servicio puede entregar eventos servidor-inserción a la ventana de chat, tal vez a través de un sistema publicar-suscribir.</li>
</ol>