Einfachere Installation von Discourse als PWA

Ich habe Schwierigkeiten, die PWA-Funktionalität mit meinem Discourse-Forum (ich nutze einen gehosteten Plan) hinzubekommen. Ich denke, das liegt hauptsächlich an Chrome, nicht an Discourse selbst, aber ich hoffe, jemand kennt die Antworten.

1 Gibt es eine Möglichkeit, die Installations-Einstellungen für Discourse in Chrome zu ändern, sobald diese Einstellungen festgelegt wurden?

Es scheint so, als würde Chrome beim ersten Öffnen der PWA-App (Discourse oder eine andere App) fragen, ob man sie installieren möchte. Wenn man (absichtlich oder versehentlich) „Nein

4 „Gefällt mir“

Das hängt vielleicht vom Betriebssystem ab, aber ich bin unter Linux (Ubuntu) und es geht nicht einfacher. Ich habe ein kleines „+“ rechts neben der Adressleiste (direkt vor dem „Favoriten“-Symbol). Klicke darauf, und es wird installiert. Nach der Installation ändert es sich in ein „In Discourse Meta öffnen“-Symbol. Wenn ich die PWA deinstalliere, erscheint das „+“ wieder, um sie erneut zu installieren.

Und wenn ich im Chrome-Menü navigiere, während ich hier auf Meta surfte, habe ich ebenfalls einen Eintrag „Discourse Meta installieren“, der nach der Installation in „In Discourse Meta öffnen“ wechselt und bei einer Deinstallation wieder zu „Installieren…“ wird.

Also: ein Symbol in der Adressleiste plus ein Eintrag im Menü. Zumindest ist es bei mir so. Ich wüsste nicht, was man sich noch wünschen könnte :wink: Du musst dich überhaupt nicht auf die Popup-Nachricht verlassen.

1 „Gefällt mir“

Wie deinstallierst du die PWA? Bei mir zeigt Chrome (auf dem Mac) beim Besuch von Meta zwar das „Öffnen“-Symbol in der Adressleiste, aber ich kann das eigentliche Meta-Symbol nirgendwo finden. Daher sehe ich keine Möglichkeit, es zu deinstallieren.

Wo genau befindet sich das im „Chrome-Menü"?


Ich denke, der Schlüssel liegt darin, einen Button auf Discourse bereitzustellen, der die Installation auf dem Startbildschirm des Nutzers ermöglicht. Mein Ziel sind Nutzer, die (wie die meisten Menschen) nicht wissen, was eine PWA ist. Ich möchte einen Button anbieten, den sie anklicken können und der etwas Offensichtliches wie „Auf Startbildschirm installieren

1 „Gefällt mir“

Öffne sie und wähle im Menü „Discourse Meta deinstallieren

1 „Gefällt mir“

Ich glaube, du beschreibst etwas, das völlig anders ist als das, was ich auf Chrome auf meinem Mac sehe.

Gibt es eine Möglichkeit, einen Button in Discourse hinzuzufügen, um es als PWA zu installieren? Ich bin mir ziemlich sicher, dass man das durch Hinzufügen von HTML- und JavaScript-Code im Frontend umsetzen kann; ich schaue mal, ob das jemand schon einmal gemacht hat.

Hier ist Chrome auf meinem Mac, das Menü befindet sich oben rechts in der PWA:

Ich habe How to provide your own in-app install experience  |  web.dev gefunden. Vielleicht könntest du eine Theme-Komponente erstellen?

Es gibt mehrere sehr nützliche PWA-Themen auf Meta. Dort könnte es weitere Informationen geben …

1 „Gefällt mir“

Ah – der entscheidende Punkt ist, dass die App bereits im PWA-Modus geöffnet sein muss, um diese Option zu sehen (die Option ist nicht vorhanden, wenn sie mit dem normalen URL-Modus geöffnet wird). Auf meinem eigenen Forum scheint mir der Button zum Installieren als PWA komplett verschwunden zu sein (früher war er da…)

Ich verstehe, dass das Erstellen eines Buttons, mit dem der Nutzer die App einfach als PWA installieren kann, wahrscheinlich ein neues Theme erfordert. Meine Frage ist, ob dies bereits von anderen ausprobiert wurde. Ich finde kein spezifisches Thema dazu auf Meta, obwohl ich es vielleicht übersehen habe.

3 „Gefällt mir“

Vielleicht hat @falco dazu Gedanken, aber meiner Meinung nach liegt dies größtenteils bei den Browser-Entwicklern.

Wir bemühen uns sehr, in Discourse alle Anforderungen als guter PWA-Bürger zu erfüllen und bleiben über alle neuesten PWA-Standards informiert, da wir fest an das PWA-Konzept glauben.

8 „Gefällt mir“

Was sind „Installations-Einstellungen

6 „Gefällt mir“

Aha, ich dachte, ihr hättet das schon mit ein wenig Magie erledigt :slightly_smiling_face:

Geht es hier um die Einstellung: „Zeigt das DiscourseHub-App-Banner auf iOS-Geräten für reguläre Benutzer (Vertrauensstufe 1 und höher) an"?

Und (obwohl ich verstehe, warum es standardmäßig nicht für den Desktop konfiguriert ist) – gibt es eine Möglichkeit, dies auch auf dem Desktop anzuzeigen? Vielleicht ist dafür Code in einem Plugin erforderlich.

Ich meinte einfach nur, dass man es installieren und später wieder deinstallieren können sollte. Was mir fehlte, wurde bereits früher in der Diskussion klar: Es gibt zwar eine Option dafür, aber man sieht sie nur, wenn man die App im PWA-Modus geöffnet hat.

Nein. DiscourseHub ist unsere App, die im Google Play Store und im Apple App Store gelistet ist.

Und das liegt vollständig unter der Kontrolle des Browsers, sodass wir nichts daran ändern können, wie die Deinstallation funktioniert.

3 „Gefällt mir“

Ich kann bestätigen, dass PWA auf meinem Chromebook zumindest hervorragend funktioniert! Ich habe PWA sowohl für Meta als auch für unser internes Discourse eingerichtet :flexed_biceps:

3 „Gefällt mir“

Du musst die PWA entweder über den Launchpad starten oder durch Doppelklick auf das Symbol im Ordner ~/Applications/Chrome Apps. Dann erscheint die Deinstallationsoption im Menü.

Wenn sie sich stattdessen in einem normalen Chrome-Fenster öffnet und nicht als PWA, lösche einfach das Symbol im Chrome-Apps-Ordner. Der einzige Unterschied zwischen diesen Methoden besteht darin, dass die erste Methode anbietet, die Websitedaten in Chrome zu bereinigen, die zweite jedoch nicht. :slight_smile:

Verstanden. Danke für diesen Hinweis.

Gibt es dann eine Einstellung im Dashboard, die dies steuert? Ich finde sie nicht.

Gibt es eine Möglichkeit, dass die “Installieren”-Aufforderung auf Discourse für Desktop so erscheint wie auf mobilen Geräten?


P.S. Es ist großartig, dass Discourse PWAs unterstützt. PWAs sind ein Geschenk für Entwickler, bringen das offene Web voran und vieles mehr.

1 „Gefällt mir“

Ich kann auch nicht herausfinden, wie man die PWA neu installiert, und wünschte, es gäbe eine Option in den Menüs oder Einstellungen, die dasselbe bewirkt wie diese Aufforderung:

image

Wie komme ich wieder dorthin? Momentan finde ich auf meinem Android/Chrome keinen Weg, die App zu installieren. Alles, was ich tun kann, ist, Chrome zu verwenden, um sie zur Startseite hinzuzufügen. Ist das dasselbe?

Irgendwie fühlt es sich nicht so an, als wäre es dasselbe, da dabei ein Chrome-Symbol über mein Seitensymbol gelegt wird. Allerdings erhalte ich meiner Meinung nach Benachrichtigungen.

Auf dem aktuellen Chrome Beta für Android erscheint dies auf Meta: (“App installieren”)

Auf dem aktuellen Chrome Stable für Desktop erscheint dies auf Meta:

@riking danke. Aber bei mir habe ich in Chrome nur die Option „Zum Startbildschirm hinzufügen“. Und ich würde diesen Dialog/diese Aufforderung gerne wieder sehen, weiß aber nicht wie.

UPDATE: Du hast recht. Selbst nachdem ich Meta deinstalliert habe, habe ich im Chrome-Menü die Option „App installieren".

Warum ist das auf meiner Discourse-Seite: community.morphmarket.com nicht der Fall? Wir nutzen SSO, aber mir fällt nichts anderes Besonderes ein. ODER liegt es an einem speziellen „Zustand", in dem sich mein Pixel 3 nun befindet?

Wie bereits erwähnt, scheint die App irgendwie installiert zu sein, da sie im Vollbildmodus läuft – allerdings erreicht über „Zum Startbildschirm hinzufügen“ und nicht über „App installieren".

1 „Gefällt mir“

Weil du ein JPG für dein Site-Logo verwendest. Gehe zu den Site-Einstellungen und lade ein PNG unter manifest icon hoch.

3 „Gefällt mir“

@Falco, wow, das hätte ich nicht gedacht. Ich habe das Bild in PNG konvertiert und dieses einzelne Symbol aktualisiert, aber ich habe noch keine Auswirkung im Zusammenhang mit der PWA festgestellt. Gibt es einen Cache, den ich auf der Website oder auf meinem Telefon leeren muss?

Ich habe dein Logo in PNG konvertiert und auf meiner Testseite mit der neuesten Version hochgeladen – es funktioniert einwandfrei. Auf deiner Seite sehe ich im Webmanifest jedoch immer noch ein JPG.

Hast du die Standardwerte für die Einstellung png to jpg quality angepasst?

5 „Gefällt mir“