Native app install banner for Android and iOS

Falco · 2017 年1 月 2 日 14:46

Continuing the discussion from Add to homescreen banner on Android:

Just created a PR to promote the native app with push notification for your recurring visitors:

https://github.com/discourse/discourse/pull/4632

If it gets merged, you can enable the site setting native_app_install_banner to get it working for your site. Remember that you must have the requirements from the Web App banner, like running with HTTPS.

Workflow for Android (Mobile | Tablet)

iOS

Falco · 2017 年1 月 7 日 01:03

This has been merged and it’s alive in Discourse 1.7. Remember it’s off by default, so you need to opt-in to show the banner into settings.

Let me know if it’s working fine in your communities.

James_Higginson · 2017 年11 月 17 日 11:17

Does this appear with the Discourse logo only in the banner or can it be customised to use our own logos?

Falco · 2017 年11 月 18 日 14:15

On the native banner, it will show the native app logo, which is the Discourse one, because it’s pointing to this apps:

If you have a white-label Discourse app you will want to customize this lines:

Android:

github.com/discourse/discourse

app/views/layouts/application.html.erb

main


      
          <%= preload_script_url ExtraLocalesController.url("mf"), type_module: true %>
          <%- if ExtraLocalesController.client_overrides_exist? %>
            <%= preload_script_url ExtraLocalesController.url("overrides"), type_module: true %>
          <%- end %>
          <%- if staff? %>
            <%= preload_script_url ExtraLocalesController.url("admin"), type_module: true %>
          <%- end %>
          <%- if admin? %>
            <%= preload_script_url ExtraLocalesController.url("wizard"), type_module: true %>
          <%- end %>
          <%- unless customization_disabled? %>
            <%= theme_translations_lookup %>
          <%- end %>
          
          <link rel="preload" href="<%= script_asset_path "js/browser-update" %>" as="script" nonce="<%= csp_nonce_placeholder %>">
          
          <%= preload_script 'js/browser-detect' %>
          
          <%= preload_script "vendor", type_module: true %>
          
          <%= module_preloads_for "discourse", (staff? ? "admin/compat-modules" : nil) %>

iOS:

github.com/discourse/discourse

app/controllers/metadata_controller.rb

d7c8c2d5e


      
                  }
                ]
              }
          
              if SiteSetting.native_app_install_banner
                manifest = manifest.merge({
                  prefer_related_applications: true,
                  related_applications: [
                    {
                      platform: "play",
                      id: "com.discourse"
                    }
                  ]
                })
              end
          
              manifest
            end
          end

That said, using the standard Add to HomeScreen on Android will use your custom logo everywhere, just set a good one at the Site Setting large_icon_url with 512x512 pixels.

James_Higginson · 2017 年11 月 18 日 14:32

Thanks! That’s very helpful

Bathinda · 2023 年1 月 23 日 07:30

非常有帮助。

但我不知道在我的 Ubuntu 服务器上，我需要编辑此行的文件在哪里。

话题		回复	浏览量
Discourse-custom-app-banner Plugin	4	1831	2021 年3 月 3 日
How can I get the "Install app?" prompt for my Discourse Product Support	3	1166	2020 年6 月 9 日
Android app installation is not offered Product Support	12	850	2022 年12 月 24 日
"Install PWA" and native app install banner not appearing Product Support	6	2053	2022 年8 月 6 日
RE: Android app installation is not offered Product Support	10	476	2024 年4 月 8 日

Native app install banner for Android and iOS

AI 生成的摘要

Workflow for Android (Mobile | Tablet)

iOS

相关话题