Нативный баннер установки приложения Android не будет работать в 2024 году ⇐ Android

[Anonymous]

У нас есть веб-сайт React, к которому привязано приложение для iOS и Android. Я настроил смарт-баннер приложения для iOS, и это было несложно, но у меня возникли проблемы с отображением баннера приложения Android.
TL;DR Мне нужно знать, отображается ли баннер предоставляется Google Chrome, или мне нужно предоставить его и прослушать событие beforeinstallprompt и иметь собственный баннер/кнопку, которая запускает обратный вызов Prompt()?
На основании того, насколько я знаю баннер приложения iOS работает, и, следуя множеству других сообщений о переполнении стека, а также следуя этому руководству (предположительно из 2023 года), кажется, что баннер предоставлен Chrome, и мне больше ничего не нужно делать, кроме:

• Предоставьте конкретный манифест в общую папку.
• Предоставьте значки (также в общей папке).
• Добавьте в index.html
• Обслуживайте все вышеперечисленное с https

Я проверил манифест в инструментах разработки Chrome для настольных компьютеров и получил лишь несколько предупреждений о полноразмерных снимках экрана для пользовательского интерфейса установки Richer PWA, чего, я думаю, и следовало ожидать. PWA отлично устанавливается на Android из трехточечного меню.
Частично проблема в том, что Google удалил #bypass-app-banner-engagement-checks который все упоминают, вы можете включить, чтобы пропустить проверки вовлеченности. Поэтому мне пришлось внести изменения, затем посетить сайт 2 дня подряд, чтобы безуспешно попытаться запустить баннер, затем внести изменения и повторить попытку.
Вот очищенный манифест :

Код: Выделить всё

{
"short_name": "App Name",
"name": "App Name",
"icons": [
{
"src": "36x36_banner-icon.png",
"sizes": "36x36",
"type": "image/png"
},
{
"src": "48x48_banner-icon.png",
"sizes": "48x48",
"type": "image/png"
},
{
"src": "72x72_banner-icon.png",
"sizes": "72x72",
"type": "image/png"
},
{
"src": "96x96_banner-icon.png",
"sizes": "96x96",
"type": "image/png"
},
{
"src": "144x144_banner-icon.png",
"sizes": "144x144",
"type": "image/png"
},
{
"src": "192x192_banner-icon.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "512x512_banner-icon.png",
"sizes": "512x512",
"type": "image/png"
}
],
"prefer_related_applications": true,
"related_applications": [
{
"platform": "play",
"id": "the.google.play.store.id",
"url": "https://play.google.com/store/apps/details?id=the.google.play.store.id"
}
],
"start_url": ".",
"display": "standalone"
}

Проверил советы из всех старых сообщений о переполнении стека (большинству последних уже больше года). Вообще не видел показа баннера.

Подробнее здесь: https://stackoverflow.com/questions/784 ... ng-in-2024