JQ331
1
我一直在努力让我的 Discourse 论坛(我使用的是托管计划)实现 PWA 功能。我认为这主要是 Chrome 浏览器的问题,而非 Discourse 本身,但我希望有人能解答我的疑问。
1 在 Chrome 中,一旦 Discourse 的安装设置已确定,是否有办法更改这些设置?
似乎当您首次打开 PWA 应用(Discourse 或其他应用)时,Chrome 会询问您是否要安装它。如果您(有意或无意)选择了“否”,安装选项就会消失。是否有办法重新显示该选项?
同样,如果我已经选择将 Discourse 作为 PWA 安装到桌面主屏幕,但随后删除了该图标,我找不到如何“重新安装”或以其他方式找回该图标的方法。
2 是否可以在您的 Discourse 论坛上添加一个按钮,允许用户将其作为 PWA 安装(适用于桌面和移动设备)?这样,您的用户就不必经历他们大多数人都不理解的繁琐手动安装过程。
4 个赞
Mevo
2
这可能取决于操作系统,但我使用的是 Linux(Ubuntu),操作非常简单。在地址栏右侧(就在“收藏”图标之前)有一个小小的“+”号。点击它即可安装。安装后,它会变成“在 Discourse Meta 中打开”的图标。如果卸载 PWA,“+”号会重新出现,以便再次安装。
此外,当在 Chrome 中浏览 Meta 时,在菜单中也会看到类似的“安装 Discourse Meta”选项。安装后,该选项会变为“在 Discourse Meta 中打开”;如果卸载,它又会变回“安装……”。
因此,地址栏中有一个图标,菜单中有一行选项。至少对我来说是这样的。我实在想不出还有什么可要求的了
你完全不需要依赖弹出的提示信息。
1 个赞
JQ331
3
你是如何卸载 PWA 的?注意,在我的情况下,对于 Meta,Chrome(在 Mac 上)在地址栏显示“打开”图标,但我找不到实际的 Meta 图标,因此我看不出有任何卸载的方法。
这在
1 个赞
Mevo
4
打开它,然后在菜单中选择“卸载 Discourse Meta”。
第一步:先实际安装 PWA。我有一种感觉,“打开”图标可能与这完全无关。
你的菜单大概有多长?它位于中间附近的某一行。不在任何子菜单中,而是直接在主菜单里(至少在 Ubuntu 上的 Chrome 中是这样)。抱歉,目前我很难提供截图。
Mac 用户 
1 个赞
JQ331
5
我觉得你描述的情况和我在 Mac 上的 Chrome 浏览器中看到的大相径庭。
有没有办法在 Discourse 中添加一个按钮,将其作为 PWA 安装?我相当确信可以通过在前端添加 HTML 和 JavaScript 代码来实现;想看看是否有人之前做过类似的事情。
这是我的 Mac 上的 Chrome 浏览器,PWA 的菜单位于右上角:
我找到了 https://web.dev/customize-install/,或许你可以构建一个主题组件?
Meta 上有几个非常有用的 PWA 主题。那里可能会有更多信息…
1 个赞
JQ331
7
啊——关键在于,应用必须已经在 PWA 模式下打开才能看到该选项(如果以普通 URL 模式打开,该选项不会出现)。在我自己的论坛上,我似乎完全失去了以 PWA 形式安装的按钮(以前是有的……)
我理解,为用户构建一个能直接安装应用为 PWA 的按钮,可能需要一个新的主题。我的问题是,大家是否之前尝试过这样做。我在 Meta 上没有看到专门关于此的主题,尽管我可能漏掉了。
3 个赞
也许 @falco 对此有看法,但在我看来,这主要取决于浏览器开发者。
在 Discourse 中,我们非常努力地满足所有条件,以成为优秀的 PWA 参与者,并紧跟最新的 PWA 标准,因为我们深信 PWA 的理念。
8 个赞
Falco
(Falco)
9
什么是“安装设置”?
Discourse 默认就支持此功能。只要用户同时满足 Chrome 的条件且用户等级为 TL1 及以上。
此功能经过调整,仅在移动设备上触发,因为在桌面端出现可能会略显烦人。至少在 Chrome 为桌面端的 PWA 推出标签页模式之前都是如此。
6 个赞
JQ331
10
[quote=“Falco, post:9, topic:158034”]
这已调整为仅在移动设备上触发,因为在桌面端可能会显得有些烦人。至少要等到 Chrome 在桌面端推出 PWA 的标签页模式。[/quote]
啊哈,我还以为你们已经在这方面做了些魔法处理呢 
这是否就是那个设置为“在 iOS 设备上向普通用户(信任等级 1 及以上)显示 DiscourseHub 应用横幅”的选项?
另外(虽然我明白你们为何默认不设置它在桌面端生效)——有没有办法让它在桌面端也显示出来?也许需要在插件中添加一些代码。
[quote=“Falco, post:9, topic:158034”]
什么是“安装设置”?[/quote]
我只是指能够安装它,之后也可以卸载它。我之前没注意到的是,讨论前面已经说得很清楚了——确实有这个选项,但你只有在以 PWA 模式打开应用后才能看到它。
Falco
(Falco)
11
不是。DiscourseHub 是我们发布在 Google Play 和 Apple App Store 上的应用。
这完全由浏览器控制,因此对于卸载方式的问题,我们无能为力。
3 个赞
我可以确认,至少在 Chromebook 上,PWA 运行得非常出色!我已经为 Meta 和我们内部的 Discourse 都配置了 PWA 
3 个赞
您需要从 Launchpad 启动 PWA,或者双击 ~/Applications/Chrome Apps 中的图标,卸载选项就会出现在菜单中。
如果它在普通 Chrome 窗口中启动而不是作为 PWA 启动,只需删除 Chrome Apps 文件夹中的图标即可。这两种方法的区别在于,前者会提供清理 Chrome 中网站数据的选项,而后者不会。
JQ331
14
明白了。谢谢提供这个细节。
那么仪表板中是否有控制此功能的设置?我找不到它。
是否有一种方法可以让“安装”提示在桌面版 Discourse 上出现,就像在移动设备上那样?
附:Discourse 支持 PWA 真是太棒了。PWA 是开发者的福音,推动开放网络向前发展,还有许多其他好处。
1 个赞
我也无法弄清楚如何重新安装 PWA,希望能有一个菜单或设置选项能实现与以下提示相同的功能:

我该如何再次找到它?目前,在我的 Android/Chrome 上,我找不到任何安装应用的方法。我唯一能做的就是用 Chrome 将其添加到主屏幕。这和安装是同一回事吗?
不知为何,感觉并不一样,因为它在我的网站图标上覆盖了一个 Chrome 图标。不过,我确实收到了通知。
riking
(Kane York)
17
在当前 Chrome Beta Android 版本上,我在 Meta 上看到这个:“(安装应用)”
在当前 Chrome Stable 桌面版上,我在 Meta 上看到这个:
@riking 谢谢。但对我来说,在 Chrome 中我只有“安装到主页”的选项。我很希望能再次看到那个对话框/提示,但不知道该如何操作。
更新:你说得对,即使在我卸载 Meta 之后,在 Chrome 菜单中我仍然有“安装应用”的选项。
为什么在我的 Discourse 站点 community.morphmarket.com 上情况却不是这样呢?我们使用了 SSO,但我想不到还有什么其他特殊之处。还是说,这是我的 Pixel 3 目前处于某种特殊的“状态”?
正如我所提到的,这看起来有点像应用已经安装了,因为它处于全屏模式——但这却是通过“添加到主屏幕”而非“安装应用”实现的。
1 个赞
Falco
(Falco)
19
这是因为你正在使用 JPG 格式作为站点标志。请前往站点设置,并在 manifest icon 中上传一个 PNG 文件。
3 个赞
@Falco,哇,我完全没想到会是这样。我已经把图片转成了 PNG 并更新了那个单独的图标,但 PWA 方面还没有看到任何效果。是不是需要清除网站或手机上的缓存?
Falco
(Falco)
21
我已将您的标志转换为 PNG 并上传到我运行最新版本的测试站点,一切正常。但在您的网站上,webmanifest 中仍然显示为 JPG。
您是否调整了“PNG 转 JPG 质量”站点设置的默认值?
5 个赞