Android Progressive Web App - 설치 후 홈 화면에 추가

Question

"홈 화면에 추가"배너가있는 프로 그레시브 웹 앱이 있습니다.

홈 화면에 추가하는 것이 좋습니다. 사용자가 홈 화면에서 페이지를 시작한 후에도 앱을 다시 설치하라는 메시지가 계속 표시되는 경우가 있습니다. 내가 찾은 모든 자료가이 문제 또는 해결 방법에 대해 이야기하지 않기 때문에 여기에 게시하고 있습니다.

TL; DR 홈 화면에서 앱을 실행해도 여전히 '홈 화면에 추가'프롬프트가 표시된 앱을 설치하라는 메시지가 표시됩니다.

Answer 1

@ Mr.Rebot이 제안한대로이 문제를 해결하기 위해 코드를 약간 개발했습니다. 사용자가 홈 화면에 웹 페이지를 추가 한 경우 추가`beforeinstallprompt`

window.addEventListener("beforeinstallprompt", (ev) => { 
    if (isStandalone()) { 
     // PWA already installed. 
     event.preventDefault(); 
     return false; 
    } else { 
     // PWA not installed. 
    } 
}); 

function isStandalone() { 
    // Check if device supports service workers 
    if (!('serviceWorker' in window.navigator)) return false; 

    // Check for Android 
    if (window.matchMedia('(display-mode: standalone)').matches) return true; 

    // Check for iOS 
    if (window.navigator["standalone"] == true) return true; 

    return false; 
}