{"id":237,"date":"2021-07-09T10:00:16","date_gmt":"2021-07-09T08:00:16","guid":{"rendered":"https:\/\/www.hostgento.com\/blog\/?p=237"},"modified":"2022-04-06T08:44:50","modified_gmt":"2022-04-06T08:44:50","slug":"pwa-y-requisitos-de-hosting","status":"publish","type":"post","link":"https:\/\/www.bhoost.com\/es\/pwa-y-requisitos-de-hosting\/","title":{"rendered":"PWA y requisitos de hosting"},"content":{"rendered":"

Progressive Web App<\/strong> (PWA) es un elemento muy popular en la escena actual del desarrollo.\u00a0Muchas personas que trabajan en la rama IT en realidad est\u00e1n estudiando y pensando en ellos.\u00a0Pero el hecho es que a\u00fan no hay muchos casos reales que muestren adecuadamente la tecnolog\u00eda.<\/p>\n

Esto es particularmente cierto en el mercado minorista europeo. Por lo tanto, vale la pena destacar las Progressive Web App\u00a0y sus posibles beneficios.<\/p>\n

Pero, en realidad, \u00bfqu\u00e9 son las PWA?\u00a0\u00bfY qu\u00e9 oportunidades y caracter\u00edsticas adicionales tiene esta nueva tecnolog\u00eda reservada para las tiendas en l\u00ednea que usan Magento?<\/p>\n

\u00bfQu\u00e9 es una PWA?<\/h2>\n

Probablemente haya o\u00eddo hablar de las muchas cualidades que poseen las Aplicaciones Web Progresivas. Molti esperti di tecnologia ritengono di avere il potenziale per far progredire il Web mobile e aiutare gli sviluppatori di dispositivi mobili a raggiungere pi\u00f9 utenti, oltre i confini degli app store tradizionali. Sembra fantastico, ma cosa sono esattamente le app Web progressive?<\/p>\n

Muchas personas conocedoras de la tecnolog\u00eda creen que tienen el potencial de hacer avanzar la Web mobile y ayudar a los desarrolladores de dispositivos m\u00f3viles a llegar a m\u00e1s usuarios, m\u00e1s all\u00e1 de los l\u00edmites de las app stores tradicionales. Suena genial, pero \u00bfqu\u00e9 son exactamente las app web progresivas?<\/p>\n

\u00abLas PWA son aplicaciones centradas en dispositivos m\u00f3viles que utilizan funcionalidades web de vanguardia para ofrecer una experiencia de usuario similar a una aplicaci\u00f3n\u00bb. As\u00ed es como Google define este fen\u00f3meno relativamente nuevo.\u00a0 Es posible que no siempre note esto, pero las app nativas que compra en la tienda de aplicaciones son muy vers\u00e1tiles. Enviar notificaciones push, trabajar sin conexi\u00f3n, cargar en la pantalla de inicio, son solo algunas de las tareas importantes que realizan. En comparaci\u00f3n, las aplicaciones web m\u00f3viles a las que se accede en un navegador m\u00f3vil siempre han sido m\u00e1s limitadas en lo que respecta al n\u00famero y la complejidad de las funciones disponibles.<\/p>\n

Aqu\u00ed es donde entran las Aplicaciones Web Progresivas (PWA). Estas llevan la funcionalidad tradicionalmente asociada con las app nativas a la experiencia del navegador m\u00f3vil. Para hacer esto, utilizan tecnolog\u00edas basadas en est\u00e1ndares y se ejecutan en un contenedor seguro accesible para cualquier persona en la web. Los usuarios poderosos del servicio Progressive Web Apps mejoran la funcionalidad offline, env\u00edan notificaciones, actualizan contenido en segundo plano y regulan el almacenamiento en cach\u00e9 de contenido. Las PWA se inician desde su navegador web, pero se pueden almacenar en su smartphone. Adem\u00e1s, no es necesario descargarlas. Por lo tanto, las PWA siempre se mantienen actualizadas.<\/p>\n

\u00bfC\u00f3mo funcionan las PWA?<\/h2>\n

Las PWA funcionan de manera muy similar a las aplicaciones web tradicionales, pero est\u00e1n mejoradas con caracter\u00edsticas y tecnolog\u00edas web modernas. De ah\u00ed el adjetivo \u00abprogresiva\u00bb.\u00a0La tecnolog\u00eda PWA se basa en est\u00e1ndares de c\u00f3digo abierto y se basa en HTML, CSS y JavaScript.\u00a0Cuando instale PWA, las aplicaciones obtendr\u00e1n su propia ventana o enlace en la barra de tareas, si est\u00e1 utilizando Windows 10 o Chrome.\u00a0Si es un usuario de Android, la PWA aparecer\u00e1 como un icono en la pantalla de inicio.<\/p>\n

App Web Progressive y tiendas Magento<\/h2>\n

Magento ha riconosciuto PWA come una soluzione web interessante. L’azienda ritiene che le PWA abbiano il potenziale per cambiare il panorama dell’e-commerce, una rivoluzione che potrebbe essere di portata simile alla transizione avvenuta anni fa dai siti desktop convenzionali ai siti Web che si basano fortemente sul web design responsive. Magento ha sviluppato il proprio PWA che si chiama PWA studio.<\/p>\n

Magento reconoci\u00f3 a PWA como una soluci\u00f3n web interesante.\u00a0La compa\u00f1\u00eda cree que las PWA tienen el potencial de cambiar el panorama del comercio electr\u00f3nico, una revoluci\u00f3n que podr\u00eda tener un alcance similar a la transici\u00f3n que se dio hace a\u00f1os de los sitios desktop convencionales a los sitios web que dependen en gran medida del web design responsive. Magento ha desarrollado su propia PWA que se llama PWA Studio.<\/p>\n

Principales ventajas de las PWA<\/h2>\n

El entusiasmo por las PWA que muestran Magento y empresas como Google (que acu\u00f1\u00f3 el t\u00e9rmino PWA) se ve impulsado por algunos importantes beneficios potenciales que estas aplicaciones web aportan al campo de juego del desarrollo.<\/p>\n

Las aplicaciones web progresivas vienen con API, que le permiten ejecutar JavaScript en segundo plano.\u00a0Esta innovaci\u00f3n es muy \u00fatil cuando se trata de mejorar funciones como precargar contenido, sincronizar y recibir datos y enviar notificaciones push.<\/p>\n

En esencia, las PWA:<\/p>\n

    \n
  • le permiten acelerar y reducir el desarrollo de app. Actualmente, a menudo es necesario desarrollar versiones independientes para Android e iOS.\u00a0Las Aplicaciones Web Progresivas est\u00e1n dise\u00f1adas para funcionar en cualquier momento y lugar.<\/li>\n
  • no solo son adecuadas para dispositivos m\u00f3viles, sino tambi\u00e9n para desktop.<\/li>\n
  • son SEO-friendly. Es probable que Google favorezca las PWA en futuros algoritmos de clasificaci\u00f3n.<\/li>\n
  • mejoran el rendimiento de su tienda Magento.<\/li>\n
  • proporcionan un desplazamiento y una transici\u00f3n de p\u00e1gina m\u00e1s fluida. Esto elimina en gran medida la necesidad de volver a cargar p\u00e1ginas.<\/li>\n<\/ul>\n

    Requisitos de hosting PWA<\/h2>\n

    Pero, \u00bfc\u00f3mo se alojan las PWA de Magento? El requisito principal es que la Aplicaci\u00f3n Web Progresiva cuente con una conexi\u00f3n HTTPS v\u00e1lida y segura. Para aprovechar al m\u00e1ximo los service worker en segundo plano, la especificaci\u00f3n PWA requiere que se aloje en HTTPS. Adem\u00e1s de este aspecto fundamental, existen otros requisitos para implementar Aplicaciones Web Progresivas.<\/p>\n

    Necesita realizar cambios menores en la configuraci\u00f3n de su servidor para hacer posible el alojamiento PWA.\u00a0Puede hacerlo f\u00e1cilmente usted mismo cuando utilice un VPS no administrado, pero este no suele ser el caso si su PWA de Magento se va a ejecutar en un entorno de hosting administrado.<\/p>\n

    No es un requisito de hosting, pero PWA requiere que los navegadores admitan a los service worker. Esta herramienta es responsable de tareas y funciones clave, como el almacenamiento en cach\u00e9 de archivos, notificaciones push, actualizaciones de contenido y administraci\u00f3n de datos.\u00a0Todos los navegadores m\u00e1s utilizados, como Chrome y Safari, hacen esto.<\/p>\n

    \n

    Esta es una peque\u00f1a introducci\u00f3n a lo que son las PWA, para qu\u00e9 funcionan y qu\u00e9 requisitos necesitan.\u00a0Las PWA son ahora el futuro, porque permiten tener funcionalidades que el dise\u00f1o normal o no tiene, o se vuelve complicado\u00a0 a la hora de obtenerlo.<\/p>\n<\/div>\n