Añadir a la Pantalla de Inicio (iOS, iPadOS)

En retrospectiva, probablemente debería haber preguntado si habías comprobado eso. :slight_smile:

Tiendo a olvidarlo porque soy un desarrollador registrado, así que entro en las betas bastante pronto, por lo que a veces olvido que no todo el mundo actualiza el día del lanzamiento. :slight_smile:

Estoy de acuerdo, ya que este es el principal beneficio para los sitios alojados de forma privada (en comparación con la aplicación Hub).

Pero, ¿el código verifica que la versión de iOS sea 16.4 o superior? No tiene sentido mencionar las notificaciones si no es así (y, argumentablemente, poco sentido tiene mencionar A2HS en absoluto). No sé Ruby, pero parece que solo verifica si estás en un iPhone o iPad:

Disculpas si he entendido mal.

3 Me gusta

¡Entendiste bien! Pero esto es Javascript, no Ruby. :smile:

1 me gusta

¡El extremo equivocado del palo! :slight_smile:

2 Me gusta

También quiero instalar Forum en Android como en iOS en este tema. ¿Cómo hacerlo en Android?
Gracias a todos.

abre Chrome, haz clic en los tres puntos y luego en “Instalar aplicación”… haz clic en “Instalar”.

1 me gusta

Quiero que en mi foro (usando la plataforma Discourse) los usuarios de Android puedan instalar una aplicación como este componente.

Eso es en un navegador Chrome de Android al mostrar un foro de Discourse.

También hay un banner de aviso predeterminado, por ejemplo:

https://github.com/discourse/discourse/blob/main/app/assets/javascripts/discourse/app/components/pwa-install-banner.js#L41-L46

3 Me gusta

¡Hola, chicos! Acabo de instalar este componente en mi foro, pero tiene un error importante: tanto las versiones de escritorio, móvil y de aplicación se volvieron infinitamente desplazables y ya no podía hacer clic en ningún botón. Tuve suerte de no haber actualizado la página en mi computadora, así que pude deshabilitarlo rápidamente al notar cuál era el problema. Espero que esto les ayude a todos. :slight_smile:

2 Me gusta

¿Todavía te está pasando? No pude reproducirlo.

¡Oye, Jordan! No lo volví a intentar, y no tengo intención de hacerlo.

La indicación “Añadir a la pantalla de inicio” aparece en la aplicación discoursehub

1 me gusta

He notado que esto también aparece en Chrome en iOS, lo cual no es útil.

Idealmente, debería haber un mensaje diferente para los navegadores que no sean Safari, es decir:

Para instalar esto en tu dispositivo, ábrelo en Safari

o similar.

iOS Chrome admite “Añadir a pantalla de inicio” desde iOS 16.4.

Todavía haces clic en un botón Compartir, que parece un cuadro con una flecha hacia arriba, pero el botón aparece en la barra de URL en la parte superior de la pantalla en iOS Chrome; la barra de URL podría estar colapsada, por lo que el botón Compartir podría no ser visible por defecto.

Por lo tanto, el mensaje no necesita cambiarse a “Abrirlo en Safari”, pero sería bueno si pudiera adivinar correctamente dónde está el botón Compartir. En iPhone Safari, aparece en el centro del pie de página, que puede estar colapsado. En iPad Safari, aparece en la esquina superior derecha, no colapsado.

En iPhone Chrome, aparece en la esquina superior derecha y puede estar colapsado. En iPad Chrome, todavía aparece en la esquina superior derecha, pero no estará colapsado.

1 me gusta

He estado observando cómo otras personas guían a los usuarios para instalar PWA en iOS, y un patrón común que veo es tener un banner clicable que abre una nueva pestaña del navegador, apuntando a una página separada de “instalar la PWA” que no se desplaza.

Esto asegura que la barra de URL no se colapse en esa página, lo que facilita que los usuarios encuentren el botón Compartir y hagan clic en él.

(Por supuesto, aún tendrán que desplazarse hacia abajo hasta “Añadir a pantalla de inicio” después de abrir la hoja Compartir, lo cual es un punto de fricción, pero cualquier cosa que reduzca la fricción ayuda…)

4 Me gusta

No me había dado cuenta de eso; estaba seguro de haber leído en alguna parte que tenía que ser a través de Safari para instalar PWA. ¡Eso hace que el TC esté bastante acertado entonces!

Un problema que he encontrado es que los iPhone con un control empresarial significativo pueden tener bloqueadas las notificaciones web (el mío lo tiene), lo cual es un verdadero fastidio.

1 me gusta

¿Quieres instalar ___ foro en este dispositivo?

Si un usuario cierra esta ventana emergente por error, ¿puedo esperar que se vuelva a activar?

En mi experiencia, normalmente solo cerrar sesión y volver a iniciar sesión en un foro lo activa.

1 me gusta

Gracias

Otra cosa que noté es que cuando se instala la aplicación, el logo no se encoge proporcionalmente y queda fuera de lugar.

¿Alguien sabe qué logo utiliza la aplicación en la sección de Marca?

¡Hola, gracias por crear este componente de tema! Me resulta muy útil :smiley:

Tenía algunos comentarios: algunas personas no saben qué es el botón de compartir, por lo que es más útil mostrar un ícono en lugar de decir el nombre del botón.

Puedes usar este pwa_text para hacerlo:

Instala <b>%{siteTitle}</b> en tu dispositivo iOS. Toca <img height="25" width="20" src="https://help.apple.com/assets/683A54F5227CBBDB98051B96/683A54FC545676DF600F97D4/en_US/d26fe35d3438fe81179a80c2b6c9b0c9.png" /> y luego <b>Añadir a la pantalla de inicio</b>.

Se ve así: