Cómo hacer que su PWA se muestre junto a las aplicaciones nativas en las IU de uso compartido a nivel del sistema
La APIConcepto de API¿Qué es una API?Una API, siglas de Application Programming Interface o Interfaz de Programación de Apps, es un recopilatorio de código que se puede emplear para que varias apps se comuniquen entre ellas. Es algo que realiza una tarea equivalente a la interfaz de usuario al momento de promover la interacción entre persona y programa, solo que aplicado única y exclusivamente dentro del entorno del software.Aún cuando suene más de destino de Web Share le permite mostrar su Aplicación web progresiva en el recurso compartido nativo de un usuario sábana después de que se haya instalado. Si bien funciona muy bien si tiene un servidorLos servidores son ordenadores centrales y potentes dentro del campo de la tecnología de la información que procesan y proporcionan software y archivos en una red. Desde el punto de vista de un cliente, varios ordenadores en una red pueden ponerse en contacto con el servidor central para conseguir la información solicitada. En la arquitectura cliente-servidor, el servidor puede ser un software que proporciona un servicio y se ejecuta en más disponible para recibir la solicitud, es mucho más difícil ponerse a trabajar si no lo tiene.
En este artículo usaremos
Neceser de costura, un conjunto de bibliotecas de JavaScriptJavaScript es un lenguaje de programación que funciona en el lado del cliente y con el que las webs pueden ser más funcionales. Incorporación en código HTML El código JavaScript puede ser incrustado en las páginas HTML, para que adquieran funcionalidad. Existen varias opciones. Puede estar entre las etiquetas <SCRIPT> y </SCRIPT>, puede estar contenido en un archivo externo, puede ser un parámetro de las etiquetas HTML, y puede estar más para agregar soporte sin conexión a aplicaciones web, para crear una URL de destinoConcepto de URL de Destino¿Qué es una URL de Destino?La URL de destino es la dirección de la página web a la que apunta el link sobre el que clican o pulsan los usuarios en un anuncio. Se trata de la ubicación que figura en la barra de direcciones del navegador, cuyo dominio al mismo tiempo ha de coincidir con el de la dirección que sí se ve dentro del más compartida que se encuentre completamente dentro de su trabajador de servicio. Esto permite que los sitios estáticos y las aplicaciones de una sola página sirvan como destinos para compartir sin un punto final de servidor dedicadoConcepto de Servidor dedicado¿Qué es un Servidor dedicado?Un Servidor dedicado es un equipo informático que se contrata para dar información, atender o inclusive alojar la web de un único cliente. Es un sistema que vuelca todos y cada uno de recursos en ofrecer el mejor rendimiento y la mayor cantidad de almacenamiento factible a la web que lo solicita.A diferencia de los compartidos, que dividen sus recursos entre distintos clientes, más.
Selector de destino compartido a nivel del sistema con una PWA instalada llamada
Share TargetConcepto de Target¿Qué es el Target?El Target es uno de los conceptos primordiales del marketing. Se usa para hablar del público al que se destinan las acciones y estrategias de cualquier campaña publicitaria o comercial. Es el objetivo al que ha de hablarle marca para suministrarle sus servicios o productos, aquellos a los que les interesa lo que brindan o pueda resultarle interesante por afinidad o por necesidades.Es uno de más Test como una opción.
En la misma pagina
Si no está familiarizado con el funcionamiento de Web Share Target, Recibir datos compartidos con la API de Web Share Target le brinda una introducción detallada. He aquí una reseña rápida.
Hay dos partes para implementar la funcionalidad de destino del recurso compartido web. Primero, actualice el manifiesto de su aplicación web para indicar que desea que su aplicación sea un destino compartido cuando se instale. El siguiente ejemplo dirige las acciones al /share URLEl URL (Localizador Uniforme de Recursos), es una dirección definida que apunta a la posición de un archivo en un servidor y lo recupera. Las URL se introducen en un navegador web para ingresar a documentos en la web o se incrustan como hipervínculos dentro de un documento. Se puede usar un Permalink para que una URL esté disponible de forma permanente. Componentes de una URL • prefijo de protocolo más a través de POSTConcepto de Post¿Qué es un Post?Un Post es todo aquel contenido, sea post, opinión, noticia u otro género, que un autor publica en un blog. Este puede ser de carácter corporativo o meramente ocioso; pero siempre tiene como meta arrojar información o reflejar una idea, al mismo tiempo de facilitar que los usuarios encuentren la web donde se recoge por medio de de buscadores y demás plataformas online.Generalmente, se han más solicitud. Está codificado como un formulario de varias partes, y el título se llama
name, texto que se llama description, y las imágenes JPEG se llaman photos.
…
"share_target": {
"action": "/share",
"method": "POST",
"enctype": "multipart/form-data",
"params": {
"title": "name",
"text": "description",
"files": [
{
"name": "photos",
"accept": ["image/jpeg", ".jpg"]
}
]
}
}
…El trabajador del servicio comparte objetivos con Workbox
Aunque normalmente lo maneja un punto final del servidor, un buen truco que puede hacer para un objetivo¿Qué es un objetivo?En marketing, un objetivo es el resultado que se pretende alcanzar en un periodo de tiempo, a través el uso de los recursos disponibles. Por tanto, se debe formular de una forma clara y hace falta que sea accesible y medible. más compartido es registrar una ruta directamente en su trabajador de servicio para manejar la solicitud. Esto permitirá que su aplicación sea un objetivo para compartir sin un backend.
Haces esto en Neceser de costura registrando una ruta manejada por su trabajador de servicio. Empiece por importar
registerRoute de 'workbox-routing'. Tenga en cuenta que está registrado para
/share route, la misma que aparece en el manifiesto de la aplicación web de ejemplo. En respuesta, llama shareTargetHandler().
import { registerRoute } from 'workbox-routing';registerRoute(
'/share',
shareTargetHandler,
'POST'
);
los shareTargetHandler() La función es asincrónica y toma el eventoConcepto de Evento¿Qué es un Evento?Un Evento es una actividad de carácter social que suele tener cierta proyección a nivel público y, de esta manera, suscita el interés de un determinado sector relacionado con la temática o con la razón por el que se celebra. Es un tipo de acto que suele tener mucha repercusión a nivel empresarial.Podemos hallar distintos tipos de eventos, desde los deportivos hasta los empresariales, pasando más, espera los datos del formulario y luego recupera los archivos multimedia de eso.
async function shareTargetHandler ({event}) {
const formData = await event.request.formData();
const mediaFiles = formData.getAll('media');for (const mediaFile of mediaFiles) {
});
};
Luego puede hacer lo que quiera con estos archivos. Puede almacenarlos en cachéUn caché es un tipo de memoria auxiliar de la que se puede recuperar a alta velocidad con una capacidad de almacenamiento relativamente pequeña. Se encuentra entre la unidad central de procesamiento (CPU) y la memoria principal. Ayuda a evitar el acceso al disco duro o los recálculos complejos almacenando temporalmente ciertos datos y haciéndolos disponibles rápidamente cuando sea necesario. El caché almacena una copia de la petición actual y más. Puede enviarlos a algún lugar con una solicitud de recuperación. Incluso puede usar las otras opciones de manifiesto, tal vez sirviendo una página con algunos parámetros de consulta para los otros elementos compartidos o almacenando los datos y punteros a los medios en el API de almacenamiento en caché
o IndexedDB.
Puedes probarlo en la aplicación de muestra Diario de Fugu y ver su implementación de trabajador de servicio en su código fuente.
Una cosa común que puede hacer es mantener los recursos compartidos hasta que haya mejores conexiones de red disponibles. Workbox también admite la sincronización periódica en segundo plano.
Conclusión
La API Share Target es una forma sencilla de integrar profundamente su aplicación web progresiva en los dispositivos del usuario, poniéndolos a la par con las aplicaciones nativas para la tarea crítica de compartir contenidoEl contenido puede ser muy difícil de definir con precisión. Es una definición que se refiere a las declaraciones contenidas en un documento o publicación de cualquier tipo y puede incluir las tecnologías de la información y la comunicación. Esto cubre todos los tipos de medios como imágenes y texto. A parte de esto, en el campo de la optimización de motores de búsqueda, los términos duplicar contenido, contenido único, más entre aplicaciones. Pero hacerlo normalmente requiere un servidor disponible para recibir la solicitud. Al aprovechar Workbox para crear una ruta de destino compartido directamente en su trabajador de servicio, su aplicación está libre de esta restricción, lo que permite que Share Target funcione para aplicaciones sin conexión y sin backends.
Foto por Elaine Casap en Unsplash
