Rendere più facile l'installazione di Discourse come PWA

Ho avuto difficoltà a ottenere la funzionalità PWA per il mio forum Discourse (sono su un piano ospitato). Penso che questo sia principalmente un problema di Chrome, non di Discourse stesso, ma spero che qualcuno conosca le risposte qui.

1 È possibile modificare le impostazioni di installazione su Chrome per Discourse una volta impostate?

Sembra che quando si apre per la prima volta l’app PWA (Discourse o un’altra app), Chrome chieda se si desidera installarla. Se si risponde di no (intenzionalmente o per errore), l’opzione di installazione scompare. Esiste un modo per farla riapparire?

Allo stesso modo, se ho scelto di installare Discourse come PWA sulla schermata principale del desktop, ma poi ho rimosso l’icona, non riesco a trovare come “reinstallarla” o in altro modo far ricomparire l’icona.

2 È possibile aggiungere un pulsante al proprio forum Discourse per consentire agli utenti di installarlo come PWA (sia su desktop che su mobile)? In questo modo, gli utenti non dovranno passare attraverso il processo di installazione manuale, che la maggior parte di loro non comprende.

4 Mi Piace

Potrebbe dipendere dal sistema operativo, ma io sono su Linux (Ubuntu) ed è impossibile essere più semplice. Ho un piccolo “+” sulla destra della barra degli indirizzi (proprio prima dell’icona dei “preferiti”). Clicca su questo e lo installa. Una volta installato, diventa un’icona “apri in Discourse Meta”. Se disinstallo la PWA, il “+” ricompare per consentirne di nuovo l’installazione.

E se vado nel menu di Chrome mentre navigo su meta qui, ho analogamente una voce “Installa Discourse Meta”, che diventa “Apri in Discourse Meta” una volta installato, e torna a essere “Installa…” se lo disinstallo.

Quindi, un’icona nella barra degli indirizzi + una voce nel menu. Almeno, è così per me. Non saprei proprio cosa chiedere di più :wink: Non devi affatto fare affidamento sul messaggio popup.

1 Mi Piace

Come disinstalli la PWA? Nel mio caso, per Meta, Chrome (su Mac) mi mostra l’icona “apri” nella barra degli indirizzi, ma non riesco a trovare l’icona effettiva di Meta da nessuna parte, quindi non vedo alcun modo per disinstallarla.

Dove si trova questo nel “menu di Chrome”?


Credo che la chiave sia avere un pulsante su Discourse per installarla sulla schermata home dell’utente. Il mio obiettivo è rivolto a utenti che (come la maggior parte delle persone) non sanno cos’è una PWA, e voglio un pulsante su cui possano cliccare con un testo ovvio come “Installa sulla schermata home”.

Tieni presente che, per quanto ne so, su Mac non c’è un’opzione di installazione PWA su Safari.

1 Mi Piace

Apri l’app e seleziona “Disinstalla Discourse Meta” nel menu.
Primo passo: in realtà installa la PWA. Ho il presentimento che un’icona “apri” potrebbe non c’entrare nulla.

Quanto è lungo effettivamente il tuo menu? È una delle voci, verso la metà. Non in nessuna sottosezione, è direttamente nel menu principale (almeno su Chrome su Ubuntu). Scusa, al momento è un po’ difficile per me fornire uno screenshot.

Utenti Mac :joy:

1 Mi Piace

Penso che tu stia descrivendo qualcosa di totalmente diverso da ciò che vedo su Chrome sul mio Mac.

Esiste un modo per aggiungere un pulsante a Discourse per installarlo come PWA? Sono abbastanza sicuro che si possa fare aggiungendo codice HTML e JavaScript nel front-end; sto cercando di vedere se qualcuno l’ha già fatto.

Ecco Chrome sul mio Mac: il menu si trova in alto a destra nella PWA:

Ho trovato How to provide your own in-app install experience  |  web.dev, forse potresti creare un componente tema?

Ci sono diversi argomenti molto utili sulle PWA su Meta. Potresti trovare ulteriori informazioni lì…

1 Mi Piace

Ah, il punto chiave è che l’app deve essere già aperta in modalità PWA per vedere quell’opzione (l’opzione non è presente se aperta con la modalità URL normale). Sul mio stesso forum, sembra che abbia perso completamente il pulsante per installare come PWA (prima c’era…)

Capisco che creare un pulsante per permettere all’utente di installare semplicemente l’app come PWA richiederebbe probabilmente un nuovo tema. La mia domanda è se qualcuno abbia già provato a farlo. Non vedo un argomento su Meta specifico a riguardo, anche se potrei averlo perso.

3 Mi Piace

Forse @falco potrebbe avere delle opinioni a riguardo, ma a mio avviso, dipende principalmente dagli sviluppatori dei browser.

Facciamo del nostro meglio per rispettare tutti i requisiti per essere un buon cittadino PWA in Discourse e teniamoci aggiornati sugli ultimi standard PWA, perché crediamo profondamente nel concetto di PWA.

8 Mi Piace

Cosa si intende per “impostazione di installazione”?

Discourse lo fa già di default. Se un utente soddisfa entrambi i criteri di Chrome ed è di livello TL1 o superiore.

Questa è configurata per avvenire solo su mobile, poiché sarebbe un po’ fastidiosa su Desktop. Almeno fino a quando Chrome non lancerà la modalità a schede per le PWA su Desktop.

6 Mi Piace

Aha, pensavo che voi aveste già fatto qualche magia al riguardo :slightly_smiling_face:

È questa l’impostazione che dice: “Visualizza il banner dell’app DiscourseHub sui dispositivi iOS per gli utenti regolari (livello di fiducia 1 e superiori)”?

E (anche se capisco perché non sia impostato di default per funzionare su desktop) esiste un modo per farlo apparire anche su desktop? Forse serve del codice in un plugin.

Volevo semplicemente dire la possibilità di installarlo e poi disinstallarlo in seguito. Quello che mi era sfuggito è stato chiarito più avanti nella discussione: esiste un’opzione per questo, ma la vedi solo se hai aperto l’app in modalità PWA.

No. DiscourseHub è la nostra app disponibile su Google Play e sull’App Store di Apple.

E questo è completamente sotto il controllo del browser, quindi non possiamo fare nulla riguardo al funzionamento della disinstallazione.

3 Mi Piace

Posso confermare che la PWA funziona benissimo sul mio Chromebook, almeno! Ho configurato la PWA sia per Meta che per il nostro Discourse interno :flexed_biceps:

3 Mi Piace

Devi avviare la PWA dal Launchpad o facendo doppio clic sull’icona in ~/Applications/Chrome Apps; l’opzione di disinstallazione apparirà nel menu.

Se si avvia in una finestra normale di Chrome invece che come PWA, basta eliminare l’icona nella cartella Chrome Apps. L’unica differenza tra questi metodi è che il primo offre di pulire i dati del sito in Chrome, mentre il secondo no. :slight_smile:

Ho capito. Grazie per questo dettaglio.

Esiste quindi un’impostazione nella dashboard che lo controlla? Non riesco a trovarla.

C’è un modo per far apparire il prompt di “installazione” su Discourse per desktop come succede per i dispositivi mobili?


p.s. È fantastico che Discourse supporti le PWA. Le PWA sono un dono per gli sviluppatori, fanno avanzare il web aperto e portano con sé molte altre cose positive.

1 Mi Piace

Non riesco nemmeno a capire come reinstallare la PWA, e vorrei che ci fosse un’opzione nei menu o nelle impostazioni che facesse la stessa cosa di questo messaggio:

image

Come faccio a tornare a quella schermata? Al momento, sul mio Android/Chrome, non trovo alcun modo per installare l’app. L’unica cosa che posso fare è usare Chrome per aggiungerla alla Home Page. È la stessa cosa?

In qualche modo non sembra la stessa cosa, perché sovrappone l’icona di Chrome alla mia icona del sito. Tuttavia, credo di ricevere le notifiche.

Sulla versione Beta attuale di Chrome per Android, su Meta visualizzo questo: (“Installa app”)

Sulla versione Stable attuale di Chrome per desktop, su Meta visualizzo questo:

@riking grazie. Ma per me, su Chrome ho solo l’opzione “Installa nella home page”. E mi piacerebbe molto rivedere quella finestra di dialogo/prompt, ma non so come fare.

AGGIORNAMENTO: hai ragione, anche dopo aver disinstallato Meta, nel menu di Chrome ho l’opzione “Installa app”.

Perché sul mio sito Discourse: community.morphmarket.com non è così? Usiamo SSO, ma non riesco a pensare a nient’altro di particolare. O forse è uno “stato” particolare in cui si trova ora il mio Pixel 3?

Come ho detto, sembra quasi che l’app SIA installata perché è a schermo intero, ma ottenuta tramite “Aggiungi alla schermata Home” e non “Installa app”.

1 Mi Piace

Perché stai usando un JPG per il logo del tuo sito. Vai alle impostazioni del sito e carica un PNG in manifest icon.

3 Mi Piace

@Falco, wow, non avrei mai immaginato. Ho convertito l’immagine in PNG e aggiornato quell’unica icona, ma non ho ancora notato alcun effetto legato alla PWA. C’è qualche cache che devo cancellare sul sito o sul telefono?

Ho convertito il tuo logo in PNG e l’ho caricato sul mio sito di test con l’ultima versione e funziona perfettamente. Sul tuo sito vedo ancora un JPG nel webmanifest.

Hai modificato i valori predefiniti per l’impostazione del sito “qualità da PNG a JPG”?

5 Mi Piace