{"id":83711,"date":"2022-07-26T23:58:55","date_gmt":"2022-07-26T21:58:55","guid":{"rendered":"https:\/\/rmarketingdigital.com\/dev\/integre-pwa-en-interfaces-de-usuario-compartidas-nativas-con-workbox\/"},"modified":"2020-09-17T02:00:07","modified_gmt":"2020-09-17T05:00:07","slug":"integre-pwa-en-interfaces-de-usuario-compartidas-nativas-con-workbox","status":"publish","type":"post","link":"https:\/\/rmarketingdigital.com\/de\/dev\/integre-pwa-en-interfaces-de-usuario-compartidas-nativas-con-workbox\/","title":{"rendered":"Integrieren Sie PWA in native freigegebene Benutzeroberfl\u00e4chen mit Workbox"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_86 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Contenidos<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/rmarketingdigital.com\/de\/dev\/integre-pwa-en-interfaces-de-usuario-compartidas-nativas-con-workbox\/#En-la-misma-pagina\" >En la misma pagina<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/rmarketingdigital.com\/de\/dev\/integre-pwa-en-interfaces-de-usuario-compartidas-nativas-con-workbox\/#El-trabajador-del-servicio-comparte-objetivos-con-Workbox\" >El trabajador del servicio comparte objetivos con Workbox<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/rmarketingdigital.com\/de\/dev\/integre-pwa-en-interfaces-de-usuario-compartidas-nativas-con-workbox\/#Conclusion\" >Conclusi\u00f3n<\/a><\/li><\/ul><\/nav><\/div>\n<p><\/p>\n<div>\n<header class=\"w-article-header\">\n<p class=\"w-article-header__subhead w-mb--non\">\n<p>          C\u00f3mo hacer que su PWA se muestre junto a las aplicaciones nativas en las IU de uso compartido a nivel del sistema\n        <\/p>\n<p>\n          <time>19 de diciembre de 2019<\/time><\/p>\n<\/header>\n<p>La API de destino de Web Share le permite mostrar su <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/developers.google.com\/web\/progressive-web-apps\/checklist\">Aplicaci\u00f3n web progresiva<\/a> en el recurso compartido nativo de un usuario <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/material.io\/develop\/android\/components\/bottom-sheet-behavior\/\">s\u00e1bana<\/a> despu\u00e9s de que se haya instalado.  Si bien funciona muy bien si tiene un servidor disponible para recibir la solicitud, es mucho m\u00e1s dif\u00edcil ponerse a trabajar si no lo tiene.<\/p>\n<p>En este art\u00edculo usaremos<br \/>\n<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/developers.google.com\/web\/tools\/workbox\">Neceser de costura<\/a>, un conjunto de bibliotecas de JavaScript para agregar soporte sin conexi\u00f3n a aplicaciones web, para crear una URL de destino compartida que se encuentre completamente dentro de su trabajador de servicio.  Esto permite que los sitios est\u00e1ticos y las aplicaciones de una sola p\u00e1gina sirvan como destinos para compartir sin un punto final de servidor dedicado.<\/p>\n<figure class=\"w-figure w-figure--inline-right\">\n  <img alt='wst-send-4566275' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/wst-send-4566275.png' style=\"max-width: 400px;\" alt=\"Tel\u00e9fono Android con el caj\u00f3n \"Compartir v\u00eda\" abierto.\"><figcaption class=\"w-figcaption w-figcaption--fullbleed\">\n<p>    Selector de destino compartido a nivel del sistema con una PWA instalada llamada<br \/>\n    <code>Share Target Test<\/code> como una opci\u00f3n.<br \/>\n  <\/figcaption><\/figure>\n<h2 id=\"on-the-same-page\"><span class=\"ez-toc-section\" id=\"En-la-misma-pagina\"><\/span>En la misma pagina <span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Si no est\u00e1 familiarizado con el funcionamiento de Web Share Target, Recibir datos compartidos con la API de Web Share Target le brinda una introducci\u00f3n detallada.  He aqu\u00ed una rese\u00f1a r\u00e1pida.<\/p>\n<p>Hay dos partes para implementar la funcionalidad de destino del recurso compartido web.  Primero, actualice el manifiesto de su aplicaci\u00f3n web para indicar que desea que su aplicaci\u00f3n sea un destino compartido cuando se instale.  El siguiente ejemplo dirige las acciones al <code>\/share<\/code> URL a trav\u00e9s de <code>POST<\/code> solicitud.  Est\u00e1 codificado como un formulario de varias partes, y el t\u00edtulo se llama<br \/>\n<code>name<\/code>, texto que se llama <code>description<\/code>, y las im\u00e1genes JPEG se llaman <code>photos<\/code>.<\/p>\n<p><web-copy-code><\/p>\n<pre class=\"language-json\"><code class=\"language-json\">\u2026<br><span class=\"token property\">\"share_target\"<\/span><span class=\"token operator\">:<\/span> <span class=\"token punctuation\">{<\/span><br><span class=\"token property\">\"action\"<\/span><span class=\"token operator\">:<\/span> <span class=\"token string\">\"\/share\"<\/span><span class=\"token punctuation\">,<\/span><br><span class=\"token property\">\"method\"<\/span><span class=\"token operator\">:<\/span> <span class=\"token string\">\"POST\"<\/span><span class=\"token punctuation\">,<\/span><br><span class=\"token property\">\"enctype\"<\/span><span class=\"token operator\">:<\/span> <span class=\"token string\">\"multipart\/form-data\"<\/span><span class=\"token punctuation\">,<\/span><br><span class=\"token property\">\"params\"<\/span><span class=\"token operator\">:<\/span> <span class=\"token punctuation\">{<\/span><br><span class=\"token property\">\"title\"<\/span><span class=\"token operator\">:<\/span> <span class=\"token string\">\"name\"<\/span><span class=\"token punctuation\">,<\/span><br><span class=\"token property\">\"text\"<\/span><span class=\"token operator\">:<\/span> <span class=\"token string\">\"description\"<\/span><span class=\"token punctuation\">,<\/span><br><span class=\"token property\">\"files\"<\/span><span class=\"token operator\">:<\/span> <span class=\"token punctuation\">[<\/span><br><span class=\"token punctuation\">{<\/span><br><span class=\"token property\">\"name\"<\/span><span class=\"token operator\">:<\/span> <span class=\"token string\">\"photos\"<\/span><span class=\"token punctuation\">,<\/span><br><span class=\"token property\">\"accept\"<\/span><span class=\"token operator\">:<\/span> <span class=\"token punctuation\">[<\/span><span class=\"token string\">\"image\/jpeg\"<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token string\">\".jpg\"<\/span><span class=\"token punctuation\">]<\/span><br><span class=\"token punctuation\">}<\/span><br><span class=\"token punctuation\">]<\/span><br><span class=\"token punctuation\">}<\/span><br><span class=\"token punctuation\">}<\/span><br>\u2026<\/code><\/pre>\n<p><\/web-copy-code><\/p>\n<h2 id=\"service-worker-share-targets-with-workbox\"><span class=\"ez-toc-section\" id=\"El-trabajador-del-servicio-comparte-objetivos-con-Workbox\"><\/span>El trabajador del servicio comparte objetivos con Workbox <span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Aunque normalmente lo maneja un punto final del servidor, un buen truco que puede hacer para un objetivo compartido es registrar una ruta directamente en su trabajador de servicio para manejar la solicitud.  Esto permitir\u00e1 que su aplicaci\u00f3n sea un objetivo para compartir sin un backend.<\/p>\n<p>Haces esto en <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/developers.google.com\/web\/tools\/workbox\">Neceser de costura<\/a> registrando una ruta manejada por su trabajador de servicio.  Empiece por importar<br \/>\n<code>registerRoute<\/code> de <code>'workbox-routing'<\/code>.  Tenga en cuenta que est\u00e1 registrado para<br \/>\n<code>\/share<\/code> route, la misma que aparece en el manifiesto de la aplicaci\u00f3n web de ejemplo.  En respuesta, llama <code>shareTargetHandler()<\/code>.<\/p>\n<p><web-copy-code><\/p>\n<pre class=\"language-js\"><code class=\"language-js\"><span class=\"token keyword\">import<\/span> <span class=\"token punctuation\">{<\/span> registerRoute <span class=\"token punctuation\">}<\/span> <span class=\"token keyword\">from<\/span> <span class=\"token string\">'workbox-routing'<\/span><span class=\"token punctuation\">;<\/span><p><span class=\"token function\">registerRoute<\/span><span class=\"token punctuation\">(<\/span><br><span class=\"token string\">'\/share'<\/span><span class=\"token punctuation\">,<\/span><br>shareTargetHandler<span class=\"token punctuation\">,<\/span><br><span class=\"token string\">'POST'<\/span><br><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><\/p><\/code><\/pre>\n<p><\/web-copy-code><\/p>\n<p>los <code>shareTargetHandler()<\/code> La funci\u00f3n es asincr\u00f3nica y toma el evento, espera los datos del formulario y luego recupera los archivos multimedia de eso.<\/p>\n<p><web-copy-code><\/p>\n<pre class=\"language-js\"><code class=\"language-js\"><span class=\"token keyword\">async<\/span> <span class=\"token keyword\">function<\/span> <span class=\"token function\">shareTargetHandler<\/span> <span class=\"token punctuation\">(<\/span><span class=\"token parameter\"><span class=\"token punctuation\">{<\/span>event<span class=\"token punctuation\">}<\/span><\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br><span class=\"token keyword\">const<\/span> formData <span class=\"token operator\">=<\/span> <span class=\"token keyword\">await<\/span> event<span class=\"token punctuation\">.<\/span>request<span class=\"token punctuation\">.<\/span><span class=\"token function\">formData<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br><span class=\"token keyword\">const<\/span> mediaFiles <span class=\"token operator\">=<\/span> formData<span class=\"token punctuation\">.<\/span><span class=\"token function\">getAll<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">'media'<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><p><span class=\"token keyword\">for<\/span> <span class=\"token punctuation\">(<\/span><span class=\"token keyword\">const<\/span> mediaFile <span class=\"token keyword\">of<\/span> mediaFiles<span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br><span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><\/p><p><br><span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">;<\/span><\/p><\/code><\/pre>\n<p><\/web-copy-code><\/p>\n<p>Luego puede hacer lo que quiera con estos archivos.  Puede almacenarlos en cach\u00e9.  Puede enviarlos a alg\u00fan lugar con una solicitud de recuperaci\u00f3n.  Incluso puede usar las otras opciones de manifiesto, tal vez sirviendo una p\u00e1gina con algunos par\u00e1metros de consulta para los otros elementos compartidos o almacenando los datos y punteros a los medios en el <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/developers.google.com\/web\/fundamentals\/instant-and-offline\/web-storage\/cache-api\">API de almacenamiento en cach\u00e9<\/a><br \/>\no <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/IndexedDB_API\">IndexedDB<\/a>.<\/p>\n<p>Puedes probarlo en la aplicaci\u00f3n de muestra <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/fugu-journal.web.app\/\">Diario de Fugu<\/a> y ver su implementaci\u00f3n de trabajador de servicio en su <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/github.com\/chromeos\/bridging-the-native-app-gap\/blob\/master\/fugu-journal\/src\/js\/service-worker.js\">c\u00f3digo fuente<\/a>.<\/p>\n<p>Una cosa com\u00fan que puede hacer es mantener los recursos compartidos hasta que haya mejores conexiones de red disponibles.  Workbox tambi\u00e9n admite la sincronizaci\u00f3n peri\u00f3dica en segundo plano.<\/p>\n<h2 id=\"conclusion\"><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span>Conclusi\u00f3n <span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>La API Share Target es una forma sencilla de integrar profundamente su aplicaci\u00f3n web progresiva en los dispositivos del usuario, poni\u00e9ndolos a la par con las aplicaciones nativas para la tarea cr\u00edtica de compartir contenido 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\u00f3n est\u00e1 libre de esta restricci\u00f3n, lo que permite que Share Target funcione para aplicaciones sin conexi\u00f3n y sin backends.<\/p>\n<p>Foto por <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/unsplash.com\/@ecasap?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText\">Elaine Casap<\/a> en <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/unsplash.com\/s\/photos\/share?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText\">Unsplash<\/a><\/p>\n<p>    <web-feedback additional-questions=\"api\"><\/web-feedback>\n  <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Wie Sie Ihre PWA neben nativen Apps in Sharing-UIs auf Systemebene anzeigen lassen 19. Dezember 2019 Die API von\u2026<\/p>","protected":false},"author":1,"featured_media":83712,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1356],"tags":[],"class_list":["post-83711","post","type-post","status-publish","format-standard","has-post-thumbnail","category-dev"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.0 (Yoast SEO v28.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Integre PWA en interfaces de usuario compartidas nativas con Workbox - R Marketing Digital<\/title>\n<meta name=\"description\" content=\"C\u00f3mo hacer que su PWA se muestre junto a las aplicaciones nativas en las IU de uso compartido a nivel del sistema 19 de diciembre de 2019 La API de\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rmarketingdigital.com\/de\/dev\/integrate-pwa-into-native-shared-user-interfaces-with-workbox\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Integre PWA en interfaces de usuario compartidas nativas con Workbox\" \/>\n<meta property=\"og:description\" content=\"C\u00f3mo hacer que su PWA se muestre junto a las aplicaciones nativas en las IU de uso compartido a nivel del sistema 19 de diciembre de 2019 La API de\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rmarketingdigital.com\/de\/dev\/integrate-pwa-into-native-shared-user-interfaces-with-workbox\/\" \/>\n<meta property=\"og:site_name\" content=\"R Marketing Digital\" \/>\n<meta property=\"article:published_time\" content=\"2022-07-26T21:58:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/hero-8996578.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"800\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"R Marketing Digital\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/en\\\/dev\\\/integrate-pwa-into-native-shared-user-interfaces-with-workbox\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/en\\\/dev\\\/integrate-pwa-into-native-shared-user-interfaces-with-workbox\\\/\"},\"author\":{\"name\":\"R Marketing Digital\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"headline\":\"Integre PWA en interfaces de usuario compartidas nativas con Workbox\",\"datePublished\":\"2022-07-26T21:58:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/en\\\/dev\\\/integrate-pwa-into-native-shared-user-interfaces-with-workbox\\\/\"},\"wordCount\":639,\"image\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/en\\\/dev\\\/integrate-pwa-into-native-shared-user-interfaces-with-workbox\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/hero-8996578.jpg\",\"articleSection\":[\"Dev\"],\"inLanguage\":\"de\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/en\\\/dev\\\/integrate-pwa-into-native-shared-user-interfaces-with-workbox\\\/\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/en\\\/dev\\\/integrate-pwa-into-native-shared-user-interfaces-with-workbox\\\/\",\"name\":\"Integre PWA en interfaces de usuario compartidas nativas con Workbox - R Marketing Digital\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/en\\\/dev\\\/integrate-pwa-into-native-shared-user-interfaces-with-workbox\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/en\\\/dev\\\/integrate-pwa-into-native-shared-user-interfaces-with-workbox\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/hero-8996578.jpg\",\"datePublished\":\"2022-07-26T21:58:55+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"description\":\"C\u00f3mo hacer que su PWA se muestre junto a las aplicaciones nativas en las IU de uso compartido a nivel del sistema 19 de diciembre de 2019 La API de\",\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/rmarketingdigital.com\\\/en\\\/dev\\\/integrate-pwa-into-native-shared-user-interfaces-with-workbox\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/en\\\/dev\\\/integrate-pwa-into-native-shared-user-interfaces-with-workbox\\\/#primaryimage\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/hero-8996578.jpg\",\"contentUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/hero-8996578.jpg\",\"width\":1200,\"height\":800,\"caption\":\"hero-8996578-8829878-jpg\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/\",\"name\":\"R Marketing Digital\",\"description\":\"Agencia SEO | Publicidad redes sociales | Community Management\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/rmarketingdigital.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\",\"name\":\"R Marketing Digital\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"caption\":\"R Marketing Digital\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Integrieren Sie PWAs in native gemeinsame Benutzeroberfl\u00e4chen mit Workbox \u2013 R Marketing Digital","description":"So lassen Sie Ihre PWA neben nativen Apps in Benutzeroberfl\u00e4chen auf Systemebene anzeigen 19. Dezember 2019 Die API","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/rmarketingdigital.com\/de\/dev\/integrate-pwa-into-native-shared-user-interfaces-with-workbox\/","og_locale":"de_DE","og_type":"article","og_title":"Integre PWA en interfaces de usuario compartidas nativas con Workbox","og_description":"C\u00f3mo hacer que su PWA se muestre junto a las aplicaciones nativas en las IU de uso compartido a nivel del sistema 19 de diciembre de 2019 La API de","og_url":"https:\/\/rmarketingdigital.com\/de\/dev\/integrate-pwa-into-native-shared-user-interfaces-with-workbox\/","og_site_name":"R Marketing Digital","article_published_time":"2022-07-26T21:58:55+00:00","og_image":[{"width":1200,"height":800,"url":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/hero-8996578.jpg","type":"image\/jpeg"}],"author":"R Marketing Digital","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/rmarketingdigital.com\/en\/dev\/integrate-pwa-into-native-shared-user-interfaces-with-workbox\/#article","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/en\/dev\/integrate-pwa-into-native-shared-user-interfaces-with-workbox\/"},"author":{"name":"R Marketing Digital","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"headline":"Integre PWA en interfaces de usuario compartidas nativas con Workbox","datePublished":"2022-07-26T21:58:55+00:00","mainEntityOfPage":{"@id":"https:\/\/rmarketingdigital.com\/en\/dev\/integrate-pwa-into-native-shared-user-interfaces-with-workbox\/"},"wordCount":639,"image":{"@id":"https:\/\/rmarketingdigital.com\/en\/dev\/integrate-pwa-into-native-shared-user-interfaces-with-workbox\/#primaryimage"},"thumbnailUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/hero-8996578.jpg","articleSection":["Dev"],"inLanguage":"de"},{"@type":"WebPage","@id":"https:\/\/rmarketingdigital.com\/en\/dev\/integrate-pwa-into-native-shared-user-interfaces-with-workbox\/","url":"https:\/\/rmarketingdigital.com\/en\/dev\/integrate-pwa-into-native-shared-user-interfaces-with-workbox\/","name":"Integrieren Sie PWAs in native gemeinsame Benutzeroberfl\u00e4chen mit Workbox \u2013 R Marketing Digital","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/rmarketingdigital.com\/en\/dev\/integrate-pwa-into-native-shared-user-interfaces-with-workbox\/#primaryimage"},"image":{"@id":"https:\/\/rmarketingdigital.com\/en\/dev\/integrate-pwa-into-native-shared-user-interfaces-with-workbox\/#primaryimage"},"thumbnailUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/hero-8996578.jpg","datePublished":"2022-07-26T21:58:55+00:00","author":{"@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"description":"So lassen Sie Ihre PWA neben nativen Apps in Benutzeroberfl\u00e4chen auf Systemebene anzeigen 19. Dezember 2019 Die API","inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rmarketingdigital.com\/en\/dev\/integrate-pwa-into-native-shared-user-interfaces-with-workbox\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/rmarketingdigital.com\/en\/dev\/integrate-pwa-into-native-shared-user-interfaces-with-workbox\/#primaryimage","url":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/hero-8996578.jpg","contentUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/hero-8996578.jpg","width":1200,"height":800,"caption":"hero-8996578-8829878-jpg"},{"@type":"WebSite","@id":"https:\/\/rmarketingdigital.com\/#website","url":"https:\/\/rmarketingdigital.com\/","name":"R Digitales Marketing","description":"SEO Agentur | Werbung f\u00fcr soziale Netzwerke | Community Management","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rmarketingdigital.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Person","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e","name":"R Digitales Marketing","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","caption":"R Marketing Digital"}}]}},"_links":{"self":[{"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/posts\/83711","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/comments?post=83711"}],"version-history":[{"count":0,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/posts\/83711\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/media\/83712"}],"wp:attachment":[{"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/media?parent=83711"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/categories?post=83711"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/tags?post=83711"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}