PWA 발행 할때

[소윤호]

PWA 발행 할때 index.js 파일에서 하단에<br />
serviceWorker.register(); 변경하고 빌드하고, 서버에 코드를 올렸는데 왜 전 팝업이 안뜨나요??<br />
깃헙 서버가 아니랑, 일단 개인적인 서버를 사용하고 있습니다.

[codingapple]

PWA 설치 팝업은 강제로 띄우실 수 있습니다 

https://web.dev/customize-install/

강제로 띄우는 법은 여길 참고해주시면 되고 

 

PWA 설치팝업이 자동으로 뜨는 조건은 약간 엄격할 수 있습니다  

1. 웹앱이 설치되어있지 않고 최근에 팝업을 끄지 않았다 (끄면 3개월동안 다시 자동으로는 안뜹니다)

2. 사이트가 https가 적용되어있다

3. service worker와 manifest json이 잘 설치되어있다

4. manifest json에 short name, 192px과 512px 아이콘, start_url, display가 잘 명시되어있다 

등의 여러가지 조건을 충족시키면 자동으로 뜹니다.

그래도 사파리 브라우저는 잘 안뜰 수 있어서 약간 더 튜닝이 필요할 수 있습니다. 

[글쓴이]

글