Adicionar à Tela de Início (iOS, iPadOS)

Em retrospectiva, eu provavelmente deveria ter perguntado se você tinha verificado isso. :slight_smile:

Eu tendo a esquecer porque sou um desenvolvedor registrado, então entro nas betas bem cedo, então às vezes esqueço que nem todo mundo atualiza no dia do lançamento. :slight_smile:

Concordo, pois este é o principal benefício para sites hospedados privadamente (em comparação com o aplicativo Hub).

Mas o código verifica se a versão do iOS é 16.4 ou superior? Não adianta mencionar notificações se não for (e, argumentavelmente, pouco adianta mencionar A2HS). Não conheço Ruby, mas parece apenas verificar se você está em um iPhone ou iPad:

Desculpe se entendi errado.

3 curtidas

Entendeu certo! Mas isso é Javascript, não Ruby. :smile:

1 curtida

Agarrar o touro pelos chifres! :slight_smile:

2 curtidas

Também quero instalar o Forum no Android como no iOS neste tópico. Como fazer no Android?
Obrigado a todos

abra o Chrome, clique nos três pontos e em "Instalar app" … clique em "Instalar".

1 curtida

Quero dizer, no meu fórum (usando a plataforma discourse), quero que os usuários do Android instalem um aplicativo como este componente.

Isso ocorre em um navegador Chrome para Android ao exibir um fórum do Discourse.

Há também um banner de solicitação pronto para uso, por exemplo:

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

3 curtidas

E aí, pessoal! Acabei de instalar este componente no meu fórum, mas ele tem um bug grave: as versões desktop, mobile e do aplicativo ficaram com rolagem infinita e não consegui mais clicar em nenhum botão. Tive sorte de não ter atualizado a página no meu computador, então pude desativá-lo rapidamente ao notar qual era o problema. Espero que isso ajude a todos. :slight_smile:

2 curtidas

Isso ainda está acontecendo para você? Eu não consegui reproduzir.

Ei, Jordan! Eu não tentei de novo — e não pretendo.

O prompt Adicionar à tela inicial aparece no aplicativo discoursehub

1 curtida

Notei que isso também aparece no Chrome no iOS - o que não é útil.

Idealmente, deveria haver uma mensagem diferente para navegadores que não o Safari - ou seja:

Para instalar isso em seu dispositivo, abra-o no Safari

ou similar.

O Chrome para iOS suporta “Adicionar à Tela de Início” desde o iOS 16.4.

Você ainda clica em um botão Compartilhar, que se parece com uma caixa com uma seta para cima, mas o botão aparece na barra de URL na parte superior da tela no Chrome para iOS; a barra de URL pode estar recolhida, então o botão Compartilhar pode não estar visível por padrão.

Portanto, a mensagem não precisa mudar para dizer “Abra no Safari”, mas seria bom se pudesse adivinhar corretamente onde o botão Compartilhar está. No Safari do iPhone, ele aparece no centro do rodapé, que pode estar recolhido. No Safari do iPad, ele aparece no canto superior direito, não recolhido.

No Chrome do iPhone, ele aparece no canto superior direito e pode estar recolhido. No Chrome do iPad, ele ainda aparece no canto superior direito, mas não estará recolhido.

1 curtida

Tenho observado como outras pessoas orientam os usuários a instalar PWAs no iOS, e um padrão comum que vejo é ter um banner clicável que abre uma nova aba do navegador, apontando para uma página separada de "instalar o PWA" que não rola.

Isso garante que a barra de URL não seja recolhida nessa página, tornando mais fácil para os usuários encontrarem o botão Compartilhar e clicarem nele.

(Claro, eles ainda terão que rolar para baixo até "Adicionar à Tela de Início" após abrir a folha Compartilhar, o que é um ponto problemático, mas qualquer coisa que reduza o atrito ajuda…)

4 curtidas

Eu não tinha percebido isso - tinha certeza de que li em algum lugar que deveria ser via Safari para que os PWAs fossem instalados. Isso torna o TC bastante preciso, então!

Um problema que encontrei é que iPhones com controle corporativo significativo podem ter notificações da web bloqueadas (o meu tem), o que é uma grande dor de cabeça.

1 curtida

Deseja instalar o fórum ___ neste dispositivo?

Se um usuário fechar este pop-up por engano, posso esperar que ele o reabra?

Na minha experiência, geralmente basta sair e entrar novamente em um fórum para ativá-lo.

1 curtida

Obrigado

Outra coisa que notei, quando o aplicativo é instalado, o logotipo não encolhe proporcionalmente e parece fora do lugar.

Alguém sabe qual logotipo o aplicativo utiliza na seção Branding?

Ei, obrigado por criar este componente de tema! É muito útil para mim :smiley:

Eu tenho um feedback: algumas pessoas não sabem o que é o botão de compartilhar, então é mais útil exibir um ícone em vez de dizer o nome do botão.

Você pode usar este pwa_text para fazer isso:

Instale <b>%{siteTitle}</b> no seu dispositivo iOS. Toque <img height="25" width="20" src="https://help.apple.com/assets/683A54F5227CBBDB98051B96/683A54FC545676DF600F97D4/en_US/d26fe35d3438fe81179a80c2b6c9b0c9.png" /> e depois em <b>Adicionar à Tela de Início</b>.

Parece com o seguinte: