JQ331
2020 年 7 月 17 日午後 1:24
1
Discourseフォーラム(ホストプラン利用中)でPWA機能を導入しようとして苦労しています。これは主にDiscourse自体の問題ではなく、Chrome側の問題だと思われますが、どなたかご存知の方がいれば幸いです。
1 ChromeでDiscourseのインストール設定を変更することは可能でしょうか?
PWAアプリ(Discourseや他のアプリ)を初めて開くと、Chromeはインストールするかどうかを尋ねます。ここで(意図的か誤って)「いいえ」と選択すると、インストールのオプションが二度と表示されなくなります。このオプションを再度表示させる方法はあるでしょうか?
同様に、DiscourseをPWAとしてデスクトップのホーム画面にインストールした後にアイコンを削除した場合、それを「再インストール」したり、アイコンを復活させる方法が見つかりません。
2 ユーザーが手動インストールプロセス(多くのユーザーには理解が難しい)を経ずに、DiscourseフォーラムをPWAとしてインストールできるようにするボタンを追加することは可能でしょうか?(デスクトップおよびモバイル両方で)
「いいね!」 4
Mevo
2020 年 7 月 17 日午後 2:07
2
OS によって異なるかもしれませんが、私は Linux(Ubuntu)を使用しており、これほど簡単なことはありません。URL バーの右側(「お気に入り」アイコンのすぐ前)に小さな「+」が表示されています。これをクリックするとインストールされます。インストールすると、そのアイコンは「Discourse Meta で開く」アイコンに変わります。PWA をアンインストールすると、「+」が再び表示され、再度インストールできるようになります。
また、ここで meta を閲覧しながら Chrome のメニューを開くと、同様に「Discourse Meta をインストール」という項目があり、インストール後は「Discourse Meta で開く」に変わり、アンインストールすると再び「インストール…」に戻ります。
つまり、URL バーに 1 つのアイコン、メニューに 1 つの項目があるだけです。少なくとも私の環境ではそのようになっています。これ以上何を求めるべきか分かりません ポップアップメッセージに依存する必要は全くありません。
「いいね!」 1
JQ331
2020 年 7 月 17 日午後 2:20
3
PWA はどのようにしてアンインストールするのでしょうか?私の場合、Mac の Chrome で Meta を開くとアドレスバーに「開く」アイコンが表示されますが、実際の Meta アイコンはどこにも見当たらず、アンインストールする方法が見つかりません。
これは「Chrome のメニュー」のどこにありますか?
重要なのは、ユーザーのホーム画面にインストールするためのボタンを Discourse に設置することだと思います。私の対象は、多くの人のように PWA が何かを知らないユーザーであり、彼らがクリックして「ホーム画面にインストール」といった明確なメッセージが表示されるボタンを用意したいと考えています。
なお、私の知る限り、Mac の Safari には PWA のインストールオプションはありません。
「いいね!」 1
Mevo
2020 年 7 月 17 日午後 3:59
4
アプリを開き、メニューから「Discourse Meta のアンインストール」を選択してください。
最初のステップ:実際に PWA をインストールすることです。「開く」アイコンがこれと全く関係ない気がするのですが。
あなたのメニューは実際どのくらい長いのでしょうか?メニューの中央あたりの行の一つです。サブセクションではなく、メインメニューに直接あります(少なくとも Ubuntu の Chrome ではそうです)。申し訳ありませんが、現在スクリーンショットを提供するのは少し難しい状況です。
Mac ユーザー
「いいね!」 1
JQ331
2020 年 7 月 17 日午後 4:41
5
私のMacのChromeで表示されているものと、あなたが説明しているものは全く異なるように思えます。
DiscourseにPWAとしてインストールするためのボタンを追加する方法はありますか?フロントエンドにHTMLとJavaScriptのコードを追加することで実現可能だと確信しています。以前にこれを行った人がいるか確認しています。
こちらが私の Mac での Chrome です。PWA のメニューは右上にあります:
https://web.dev/customize-install/を見つけました。テーマコンポーネントを作成できるかもしれません。
Meta には非常に役立つ PWA に関するトピックがいくつかあります。そこにさらに情報があるかもしれません…
「いいね!」 1
JQ331
2020 年 7 月 17 日午後 5:01
7
merefield:
メニューは PWA の右上にあります。
ああ、ポイントは、そのオプションを表示するにはアプリがすでに PWA モードで開かれている必要があるということです(通常の URL モードで開いた場合はそのオプションは表示されません)。自分のフォーラムでは、PWA としてインストールするボタンが完全に消えてしまったようです(以前はありました…)
ユーザーがアプリを PWA としてインストールできるようにするボタンを作成するには、おそらく新しいテーマが必要になることは理解しています。私の質問は、これまで誰かがそのような試みをしたことがあるかどうかです。メタにはそれに関する特定のトピックは見当たりませんが、見落としている可能性もあります。
「いいね!」 3
おそらく @falco さんもこの件についてご意見があるかと思いますが、私の見解では、これは主にブラウザ開発者の判断に委ねられる部分です。
Discourse では、PWA の概念を深く信じており、最新の PWA 標準を常に把握しつつ、優れた PWA としてあらゆる要件を満たすよう努めています。
「いいね!」 8
Falco
(Falco)
2020 年 7 月 17 日午後 7:07
9
「インストール設定」とはどのようなものですか?
Discourse は最初からこの機能を備えています。ユーザーが Chrome の条件を満たし、かつ TL1 以上の権限を持っている場合です。
これはモバイルでのみ発生するように調整されています。デスクトップでは少し煩わしいためです。少なくとも、Chrome がデスクトップ向けの PWA タブモードをリリースするまではそうです。
「いいね!」 6
JQ331
2020 年 7 月 17 日午後 9:53
10
なるほど、皆さんはすでに何か魔法を施したのかと思いました
これは「iOS デバイスの一般ユーザー(信頼レベル 1 以上)に DiscourseHub アプリのバナーを表示する」という設定のことでしょうか?
そして(デスクトップではデフォルトで動作しない理由はお分かりですが)、デスクトップでもこれを表示させる方法はありませんか?もしかしたらプラグインに必要なコードがあるかもしれません。
Falco:
「インストール設定」とは何ですか?
単にインストールして、後でアンインストールできるようにすることを意味していました。私が見落としていた点は、以前の議論で明確になりました。つまり、このオプションは存在するが、PWA モードでアプリを開いた場合のみ表示されるということです。
Falco
(Falco)
2020 年 7 月 17 日午後 9:56
11
いいえ。DiscourseHub は、Google Play および Apple App Store で提供されている当社のアプリです。
そして、これは完全にブラウザの制御下にあり、アンインストールの動作について私たちができることはありません。
「いいね!」 3
少なくとも私の Chromebook では、PWA が問題なく動作していることを確認できます!Meta と当社の内部 Discourse の両方で PWA を設定しています💪
「いいね!」 3
PWA を Launchpad から起動するか、~/Applications/Chrome Apps 内のアイコンをダブルクリックして起動すると、メニューにアンインストールオプションが表示されます。
もし PWA としてではなく通常の Chrome ウィンドウで起動してしまう場合は、Chrome Apps フォルダ内のアイコンを削除してください。これらの方法の違いは、前者が Chrome 内のサイトデータのクリーンアップを提案するのに対し、後者は提案しない点だけです。
JQ331
2020 年 7 月 18 日午後 2:23
14
了解しました。その詳細をありがとうございます。
では、ダッシュボードでこれを制御する設定はあるのでしょうか?見つけることができませんでした。
モバイル版のように、Discourse デスクトップ版でも「インストール」プロンプトを表示させる方法はありますか?
追伸:Discourse が PWA をサポートしているのは素晴らしいことです。PWA は開発者への贈り物であり、オープンウェブを前進させ、その他多くの良い効果をもたらします。
「いいね!」 1
PWA の再インストール方法もわかりません。メニューや設定に、このプロンプトと同じ機能を提供するオプションがあればいいのですが。
あの画面にはどうやって戻れるのでしょうか?現在、Android/Chrome ではアプリをインストールする方法が見つかりません。できるのは、Chrome でホーム画面に追加することだけです。それは同じことなのでしょうか?
どうやら同じではないような気がします。サイトのアイコンの上に Chrome のアイコンが重ねて表示されてしまうからです。ただ、通知は届いているようです。
riking
(Kane York)
2021 年 2 月 23 日午後 8:00
17
現在の Chrome Beta (Android) では、Meta で以下が表示されます(「アプリをインストール」)
現在の Chrome Stable (デスクトップ) では、Meta で以下が表示されます
@riking ありがとうございます。ただ、私の場合 Chrome では「ホーム画面にインストール」オプションしか表示されません。あのダイアログ/プロンプトを再び表示させたいのですが、方法がわかりません。
更新:おっしゃる通り、Meta をアンインストールした後でも、Chrome メニューには「アプリをインストール」オプションが表示されています。
なぜ私の Discourse サイト(community.morphmarket.com )ではそうならないのでしょうか?SSO を使用していますが、他に特別な設定は思い当たりません。あるいは、これは私の Pixel 3 が今ある特定の「状態」によるものなのでしょうか?
前述の通り、アプリがインストールされているようにも見えます。画面全体に表示されるからです。ただし、これは「アプリをインストール」ではなく「ホーム画面に追加」によって実現されています。
「いいね!」 1
Falco
(Falco)
2021 年 2 月 23 日午後 9:33
19
それは、サイトロゴに JPG を使用しているためです。サイト設定へ移動し、manifest icon に PNG をアップロードしてください。
「いいね!」 3
@Falco 、わあ、それは予想外でした。画像をPNGに変換して、そのアイコンだけを更新しましたが、まだPWAに関連する変化は確認できていません。サイト側かスマホ側でキャッシュをクリアする必要があるでしょうか?
Falco
(Falco)
2021 年 2 月 23 日午後 10:33
21
ロゴを PNG に変換し、最新バージョンで動作しているテストサイトにアップロードしましたが、問題なく動作しました。しかし、あなたのサイトでは、webmanifest 内にまだ JPG が表示されています。
「PNG から JPG への変換品質」のサイト設定で、デフォルト値を調整されましたか?
「いいね!」 5