Este artículo trata sobre aplicaciones web instalables: aplicaciones que cualquiera puede instalar hoy en la mayoría de los teléfonos y tabletas, fuera de una tienda de aplicaciones.
En general, las personas no saben que existan aplicaciones web instalables.
Esto tiene sentido. El concepto no es exactamente tan importante para la persona promedio. Las aplicaciones son aplicaciones, y hay mucho para elegir en las tiendas de aplicaciones, por lo que no hay necesidad de aprender cómo encontrar e instalar aplicaciones web fuera de las tiendas de aplicaciones.
Eso es desafortunado, porque las aplicaciones web instalables y sus implicaciones van a reproducir una parte importante en la progresión de las aplicaciones y cómo se ajustan al ecosistema más grande de "la web". (o para convertirse en el próximo avance lógico de la web), no pueden ser controlados por un puñado de empresas. Deben ser abiertos y accesibles para todos.
For web apps to thrive in the same way the web has (or to become the next logical advancement of the web), they can’t be controlled by a handful of companies. They need to be open and accessible to everyone.
Antes de comenzar
Antes de entrar en por qué las aplicaciones instalables pueden ser realmente importantes, así es como se ve realmente una aplicación web instalable. Así es exactamente cómo se instalan las aplicaciones web, pero dado que tienen algún código que le dice al dispositivo que son instalables, se "instalan" cuando se guardan en la pantalla de inicio. Eso significa que son una pantalla completa, y permanecen en sus aplicaciones abiertas separadas del navegador.
Some users may be familiar with “bookmarking” websites on a phone or tablet by adding them to the home screen. This is exactly how web apps are installed, but since they have some code that tells the device they’re installable, they get “installed” when saved to the home screen. That means they’re full screen, and they stay in your open apps separate of the browser.
Así es como parece instalar una aplicación web en iOS. Es la misma idea para Android. Ve la aplicación web como un sitio web en Safari (para iOS) o Chrome (para Android), y luego se guarda en su pantalla de inicio.
La web abierta
Las aplicaciones web instalables son facilitadas y compiten con Apple y Google. Están instalados a través de navegadores realizados por Apple (Safari) y Google (Chrome), y están instalados en muchos dispositivos hechos por Apple (y algunos por Google).
Sin embargo, hay pocos incentivos para que esas compañías alienten a los usuarios a aprovechar las aplicaciones web instalables. Educar a las personas sobre aplicaciones fuera de sus tiendas de aplicaciones les cuesta tanto los ingresos como el control.
Sin embargo, por cualquier razón, facilitan las aplicaciones web instalables, lo que significa que los desarrolladores y empresas web pueden crear aplicaciones utilizando sus habilidades y idiomas web existentes. Por lo general, eso es HTML, CSS y JavaScript.
La web abierta es particularmente emocionante porque los desarrolladores pueden crear aplicaciones que pueden actualizarse en todas las plataformas con un solo cambio de código.
Plus, las aplicaciones web ahora pueden aprovechar las funciones especificadas de dispositivos, gracias a las especificaciones HTML5 que están constantemente cultivando y mejorando. HTML5 permite que las aplicaciones web aprovechen el almacenamiento local, los sensores, las vibraciones, la cámara y más.
En general, las personas no saben que existen aplicaciones web instalables para teléfonos y tabletas ...
Las aplicaciones web de que las aplicaciones web están en la web abierta permiten que los desarrolladores publiquen cualquier cosa que quieran (y compite con cualquiera que quieran) y cobran por sus propias compras o siquiera que pague a los desarrolladores sin pagar para los desarrolladores, sin pagar, sin pagar, los desarrolladores, sin pagar, los desarrolladores, sin pagar, sin pagar, "sin pagar," sin pagar, "sin pagar," sin pagar, "sin pagar," sin pagar, "sin pagar," sin pagar, "sin pagar," sin pagar, "sin pagar," sin pagar, "sin pagar," sin pagar, "sin pagar," sin pagar? Google.
Para mí, sin embargo, la mejor parte de las aplicaciones web e instalables abiertas es que los desarrolladores pueden crear una aplicación como proyecto secundario y en realidad "enviarla".
El clima de ayer
Tengo uno de esos proyectos secundarios que ilustra mi punto bien. Hace un par de años, creé una aplicación nativa de iOS llamada El clima de ayer .
Durante años verificaría el clima y pensaría "67 grados ... ¿cómo se sienten 67 grados?" Para mí, "4 grados más fríos que ayer" significaría mucho más.
Así que tomé un fin de semana y un par de horas por la noche esa semana, y tenía una aplicación de iOS para enviar a la App Store de Apple.
Después de una semana o dos (incluido un rechazo inicial de la tienda), la aplicación fue aprobada, y hoy tiene aproximadamente 40 o 50 usuarios cada semana. No está mal para un solo proyecto de fin de semana.
El problema
Los usuarios de Android, sin embargo, pueden estar interesados en mi aplicación pero no tienen suerte.
Incluso los usuarios de iOS están sufriendo ahora, porque las tendencias de interfaz y tecnología han evolucionado, y mi pequeña aplicación antigua necesita algo de amor.
No puedo abrir ese código. Es demasiado viejo y demasiado descuidado, y no me sumergiré y me refresco en Xcode y en el proceso de envío de aplicaciones.
Tampoco quiero "comenzar de nuevo", ya sea que eso significa una versión de Android o una versión de iOS actualizada.
. Sin embargo, puedo construir una versión de sitio web receptiva. En un solo fin de semana. Así que hice eso en su lugar.
App.yesterdaysweather.com
El New Ayers Weather es mucho mejor, y puedo actualizarlo para una audiencia mucho más grande cada vez que tengo una pareja de minutos. Versión, una versión de Android y, como un bono inesperado, incluso hay una versión de la tienda web de Chrome que tiene una buena oportunidad de ser descubierto por muchas personas.
I built it as a responsive web app, so “out of the box,” there’s a desktop version that runs like a regular website, an iOS version, an Android version, and as an unexpected bonus, there's even a Chrome Web Store version that has a good chance of getting discovered by a lot of people.
Generalmente no es difícil construir una aplicación de esta manera.
Desde una perspectiva técnica, es una cuestión de agregar algunas líneas específicas de código y algunos archivos de Jon manifiesto a cualquier sitio web.
There are hard parts, though, like the mental shift between website usability and web app usability, but that’s another article.
Here’s all you need to know to convert any website into a “native” app that’s installed on a phone or in a browser.
iOS: Safari Mobile App
In Apple’s case, it’s a matter of adding some code to the
tag and creating properly-sized icons and a splash pantalla.Primero, dígale a Safari que su sitio web debe tratarse como una aplicación web instalable. Coloque lo siguiente dentro de su etiqueta
.Luego configure su pantalla de inicio y iconos de la aplicación como este (también dentro de la etiqueta
).Aquí hay más detalles de Apple: https: //developer.apple.com/library/ios/documentation/appleApplications/reference/safariwebcontent/configuringwebapplations/configuringwebapplications.html
Android: Chrome Web App
Aplicaciones de Android, instaladas a través de Chrome (que debe instalarse primero), funcione agregando un archivo manifiesto JSON y vinculando a él en el código
Aquí está un archivo de manifiesto de plantilla: Manifest.json || *| 114 .
El archivo de manifiesto. Solo le permite a Chrome saber dónde están los iconos y los archivos de la pantalla de inicio, y permite al desarrollador controlar algunas configuraciones más. Siéntase libre de descargar eso y modificar según sea necesario.
Entonces, solo dígale a Chrome en su etiqueta
donde está ese archivo manifiesto.Aquí hay un gran tutorial: http: //updates.html5Rocks.com/2014/11/support-forinstallable-web-appswithwithweBapp-Manifest-in-chrome-38-For-Android
Desktop: Chrome Web Store
The Chrome Web Store is a bit different from phone and tablet apps. People are just starting to get used to browser-based “apps,” which are really just websites that Chrome “repurposes.”
Pero no importa cuán ampliamente adoptada sea esta plataforma hoy, porque podría ser realmente popular mañana. Todo lo que se necesita para obtener es crear algunas imágenes, un archivo Manifest.json, y cargar una zip de sus archivos web a través del tablero de desarrolladores de Chrome.
Aquí hay un plantilla de manifiesto: Manifest.json .
Una vez que agrega ese archivo en su sitio web en su sitio web, solo up. Hay otros pasos involucrados, como crear imágenes promocionales y pagar una tarifa única de $ 5, pero generalmente es muy fácil. Ni siquiera necesita modificar el sitio antes de crecer ... Controlé el clima de ayer con archivos PHP y todo.
Para obtener una explicación más detallada, consulte el tutorial de Google: https: //dedeveloper.chrome.com/webstore/get_started_simple
mi punto?
Por ahora, es solo inteligente tener conscientes de que existen aplicaciones web instalables.
If more people know about them, developers will likely develop more of them.
If developers start developing more of them, we'll start to see more support and documentation for them, and we'll probably see a push towards even better HTML5 functionality.
I think the app stores are amazing, and I believe they played a big part in shifting everyone's thinking and in shaping technology's history, but now it's time to take the medium back and build apps like we build for the web… out in the Abierto.
Actualización
Justo cuando terminé de escribir esto, me encontré con este enlace sobre Firefoxos planeando su propia versión de aplicaciones web instalables. https: //wiki.mozilla.org/firefoxos/pinned_apps