Saltar al artículo

Instalar como aplicación

Activa Instalar como aplicación en los ajustes de un sitio, y cualquiera que lo abra puede ponerlo en su pantalla de inicio o en el Dock. Se abre en su propia ventana, sin el navegador alrededor, como cualquier otra aplicación.

Qué haces tú

Nada en el sitio mismo. Cada sitio ya tiene una dirección propia, que es lo que es una aplicación instalada, así que no hay nada que preparar ni nada que agregar al archivo. Está en todos los planes.

Tus visitantes ven un pequeño botón Instalar app en la esquina inferior izquierda, porque la mayoría de la gente no sabe que un sitio se puede instalar, y los navegadores que lo permiten esconden la opción en un menú. Donde el navegador tiene su propio aviso de instalación (Chrome, Edge, Samsung Internet), el botón lo abre. En un iPhone o un iPad, y en Safari en una Mac, dice el único paso que hay que dar: Compartir y luego Agregar a pantalla de inicio, o Archivo y luego Agregar al Dock. Cerrar el botón lo oculta durante 30 días.

Qué hace

  • Conserva lo que la gente guarda. Todo lo que el sitio guarda en el navegador, como las marcas de un registro de hábitos o el avance de una lista de tareas, se queda en ese dispositivo, en la aplicación, de una visita a otra.
  • Funciona sin conexión con la última versión que abrió ese dispositivo. Con conexión, siempre pide primero la versión en línea, así que una versión nueva que publiques nunca queda escondida detrás de una caché.
  • Su ícono es la inicial del sitio sobre un color tomado de su dirección, y su nombre es el título del sitio. Un sitio que trae su propio manifest (el archivo donde una aplicación web indica su ícono y sus colores) o su propio color de tema los conserva.
  • Quién puede abrirlo no cambia. Un sitio con contraseña, por invitación o solo para tu equipo sigue pidiendo en la entrada, instalado o no.

Tu propio botón

Con la opción activada, la página tiene window.solta.app, para un sitio que prefiera ofrecer la instalación con sus propias palabras:

if (solta.app.canInstall) {
  button.hidden = false;
  button.onclick = () => solta.app.install();
}
window.addEventListener("solta:installable", () => (button.hidden = false));

Qué no hace

  • Un sitio Privado solo se abre dentro de Solta, y una aplicación tiene que abrirse en su propia dirección, así que un sitio Privado solo se instala en un dispositivo que eligió una de sus personas: Abrir en este dispositivo.
  • No se ofrece en un dominio tuyo que abre varios sitios por ruta, donde todos serían una sola aplicación.
  • Desactivar la opción quita el botón y la copia sin conexión la próxima vez que cada dispositivo abra el sitio. Una aplicación que alguien ya instaló se queda en su dispositivo hasta que la quite, y abre el sitio tal como está ahora.

Quién puede abrir un sitio, instalado o no.